@fayz-ai/plugin-courses 0.8.1 → 0.8.4

package/dist/index.cjs

@@ -3,9 +3,13 @@
 var core = require('@fayz-ai/core');
 var courses = require('@fayz-ai/courses');
 var saas = require('@fayz-ai/saas');
-var React2 = require('react');
+var React3 = require('react');
 var ui = require('@fayz-ai/ui');
 var jsxRuntime = require('react/jsx-runtime');
+var lucideReact = require('lucide-react');
+var core$1 = require('@dnd-kit/core');
+var sortable = require('@dnd-kit/sortable');
+var utilities = require('@dnd-kit/utilities');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -25,7 +29,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React3__namespace = /*#__PURE__*/_interopNamespace(React3);
 
 // src/index.ts
 
@@ -51,14 +55,75 @@ var en = {
   "courses.editor.fieldStatus": "Status",
   "courses.editor.save": "Save",
   "courses.editor.saved": "Course saved",
+  "courses.editor.saveFailed": "Could not save the course",
+  "courses.editor.unsaved": "Unsaved changes",
+  // General tab
+  "courses.editor.sectionBasics": "Basics",
+  "courses.editor.sectionThumbnail": "Cover image",
+  "courses.editor.sectionPricing": "Pricing & status",
+  "courses.editor.descriptionPlaceholder": "What will students learn?",
+  "courses.editor.fieldDelivery": "Format",
+  "courses.editor.deliveryHint": "How this course is delivered.",
+  "courses.editor.delivery.online": "Online",
+  "courses.editor.delivery.in_person": "In person",
+  "courses.editor.delivery.hybrid": "Hybrid",
+  "courses.editor.thumbnailHint": "Shown on the storefront and in listings. 1280\xD7720 recommended.",
+  "courses.editor.thumbnailUpload": "Upload image",
+  "courses.editor.thumbnailUrl": "Or paste an image URL",
+  "courses.editor.thumbnailEmpty": "No image",
+  "courses.editor.thumbnailUploaded": "Image uploaded \u2014 remember to save.",
+  "courses.editor.uploading": "Uploading\u2026",
+  "courses.editor.uploadFailed": "Could not upload the image",
+  "courses.editor.uploadUnavailable": "Upload unavailable \u2014 paste an image URL instead.",
+  // Curriculum tab
   "courses.editor.addModule": "Add module",
   "courses.editor.moduleTitle": "Module title",
+  "courses.editor.moduleAdded": "Module added",
   "courses.editor.addLesson": "Add lesson",
   "courses.editor.lessonTitle": "Lesson title",
   "courses.editor.lessonVideo": "Video URL (embed)",
   "courses.editor.lessonDuration": "Duration (min)",
   "courses.editor.deleteModule": "Delete module",
-  "courses.editor.deleteLesson": "Remove",
+  "courses.editor.deleteLesson": "Remove lesson",
+  "courses.editor.deleted": "Removed",
+  "courses.editor.autosaved": "Changes are saved automatically.",
+  "courses.editor.modulesEmpty": "No modules yet",
+  "courses.editor.modulesEmptyHint": "Create a module to start organizing your lessons.",
+  "courses.editor.lessonsEmpty": "No lessons in this module yet.",
+  "courses.editor.deleteModuleConfirm": "Delete this module?",
+  "courses.editor.deleteModuleConfirmBody": "Its lessons will be removed too. This cannot be undone.",
+  "courses.editor.deleteLessonConfirm": "Remove this lesson?",
+  "courses.editor.deleteLessonConfirmBody": "This cannot be undone.",
+  "courses.editor.confirmDelete": "Delete",
+  "courses.editor.cancel": "Cancel",
+  // Curriculum tree builder
+  "courses.editor.newModule": "New module",
+  "courses.editor.firstModule": "Create first module",
+  "courses.editor.newLesson": "New lesson",
+  "courses.editor.firstLesson": "Add the first lesson",
+  "courses.editor.moduleLabel": "module",
+  "courses.editor.moduleLabelPlural": "modules",
+  "courses.editor.lessonUnitOne": "lesson",
+  "courses.editor.lessonUnitOther": "lessons",
+  "courses.editor.noLessons": "No lessons",
+  "courses.editor.minShort": "min",
+  "courses.editor.hourShort": "h",
+  "courses.editor.dragToReorder": "Drag to reorder",
+  "courses.editor.expand": "Expand",
+  "courses.editor.collapse": "Collapse",
+  "courses.editor.editLesson": "Edit lesson",
+  "courses.editor.addVideo": "Add video",
+  "courses.editor.videoSet": "Video",
+  "courses.editor.videoUrlLabel": "Video URL",
+  "courses.editor.videoUrlPlaceholder": "Paste the video link (YouTube, Vimeo\u2026)",
+  "courses.editor.reorderFailed": "Could not reorder",
+  // Members area
+  "courses.editor.membersHelp": "Buyers are enrolled automatically through orders and get access to all of this course\u2019s content.",
+  "courses.editor.enrolledStudents": "Enrolled students",
+  "courses.editor.membersEmpty": "No students yet",
+  "courses.editor.membersEmptyHint": "Buyers are enrolled here automatically after a paid order.",
+  "courses.editor.accessUnlockedBy": "Access is unlocked by",
+  "courses.editor.membersNote": "Buying any offer grants full access to this course\u2019s content.",
   "courses.editor.untitledCourse": "Untitled course",
   "courses.editor.untitledModule": "New module",
   "courses.editor.untitledLesson": "New lesson",
@@ -67,29 +132,29 @@ var en = {
   "courses.editor.tab.curriculum": "Curriculum",
   "courses.editor.tab.offers": "Offers",
   "courses.editor.tab.members": "Members area",
-  "courses.editor.tab.settings": "Payment",
-  "courses.editor.tab.checkout": "Checkout",
-  "courses.editor.tab.links": "Links",
-  "courses.editor.membersHelp": "Buyers of this course are added to its members area automatically. Access groups per offer:",
-  "courses.editor.defaultGroup": "Default group",
-  "courses.editor.settingsHelp": "Payment methods offered at checkout (Stripe).",
+  // Payment methods (used by the Courses plugin settings surface)
   "courses.editor.payCard": "Credit card (up to 12x)",
   "courses.editor.payPix": "Pix",
   "courses.editor.payBoleto": "Boleto",
-  "courses.editor.settingsNote": "Method availability depends on Stripe in your region; wired in Stage 3.",
-  "courses.editor.checkoutSoon": "Custom checkout builder comes in a later milestone. A default checkout is generated per offer.",
-  "courses.editor.linksHelp": "Shareable checkout links, one per offer.",
   // Offers
-  "courses.offers.help": "Price points a customer can buy. Mark one default; order-bumps show on other checkouts.",
+  "courses.offers.help": "Price points for this course. Sales run through orders and the Financeiro module.",
   "courses.offers.name": "Offer name",
   "courses.offers.price": "Price",
+  "courses.offers.kind": "Type",
   "courses.offers.oneTime": "One-time",
   "courses.offers.subscription": "Subscription",
+  "courses.offers.interval": "Billing interval",
   "courses.offers.default": "Default",
-  "courses.offers.bump": "Bump",
+  "courses.offers.bump": "Order bump",
   "courses.offers.remove": "Remove",
   "courses.offers.add": "Add offer",
+  "courses.offers.added": "Offer added",
+  "courses.offers.removed": "Offer removed",
   "courses.offers.newName": "New offer",
+  "courses.offers.empty": "No offers yet",
+  "courses.offers.emptyHint": "Create an offer to sell this course.",
+  "courses.offers.firstOffer": "Create first offer",
+  "courses.offers.checkoutFlagsNote": "Apply once the public checkout ships (coming soon).",
   // Sales
   "courses.sales.title": "Sales",
   "courses.sales.subtitle": "Every transaction across your courses.",
@@ -195,14 +260,75 @@ var ptBR = {
   "courses.editor.fieldStatus": "Status",
   "courses.editor.save": "Salvar",
   "courses.editor.saved": "Curso salvo",
+  "courses.editor.saveFailed": "N\xE3o foi poss\xEDvel salvar o curso",
+  "courses.editor.unsaved": "Altera\xE7\xF5es n\xE3o salvas",
+  // Geral tab
+  "courses.editor.sectionBasics": "Informa\xE7\xF5es b\xE1sicas",
+  "courses.editor.sectionThumbnail": "Imagem de capa",
+  "courses.editor.sectionPricing": "Pre\xE7o e publica\xE7\xE3o",
+  "courses.editor.descriptionPlaceholder": "O que o aluno vai aprender?",
+  "courses.editor.fieldDelivery": "Formato",
+  "courses.editor.deliveryHint": "Como o curso \xE9 entregue.",
+  "courses.editor.delivery.online": "Online",
+  "courses.editor.delivery.in_person": "Presencial",
+  "courses.editor.delivery.hybrid": "H\xEDbrido",
+  "courses.editor.thumbnailHint": "Aparece na loja e nas listagens. Recomendado 1280\xD7720.",
+  "courses.editor.thumbnailUpload": "Enviar imagem",
+  "courses.editor.thumbnailUrl": "Ou cole uma URL de imagem",
+  "courses.editor.thumbnailEmpty": "Sem imagem",
+  "courses.editor.thumbnailUploaded": "Imagem enviada \u2014 lembre de salvar.",
+  "courses.editor.uploading": "Enviando\u2026",
+  "courses.editor.uploadFailed": "N\xE3o foi poss\xEDvel enviar a imagem",
+  "courses.editor.uploadUnavailable": "Upload indispon\xEDvel \u2014 cole uma URL de imagem.",
+  // Conteúdo tab
   "courses.editor.addModule": "Adicionar m\xF3dulo",
   "courses.editor.moduleTitle": "T\xEDtulo do m\xF3dulo",
+  "courses.editor.moduleAdded": "M\xF3dulo adicionado",
   "courses.editor.addLesson": "Adicionar aula",
   "courses.editor.lessonTitle": "T\xEDtulo da aula",
   "courses.editor.lessonVideo": "URL do v\xEDdeo (embed)",
   "courses.editor.lessonDuration": "Dura\xE7\xE3o (min)",
   "courses.editor.deleteModule": "Excluir m\xF3dulo",
-  "courses.editor.deleteLesson": "Remover",
+  "courses.editor.deleteLesson": "Remover aula",
+  "courses.editor.deleted": "Removido",
+  "courses.editor.autosaved": "As altera\xE7\xF5es s\xE3o salvas automaticamente.",
+  "courses.editor.modulesEmpty": "Nenhum m\xF3dulo ainda",
+  "courses.editor.modulesEmptyHint": "Crie um m\xF3dulo para come\xE7ar a organizar as aulas.",
+  "courses.editor.lessonsEmpty": "Nenhuma aula neste m\xF3dulo ainda.",
+  "courses.editor.deleteModuleConfirm": "Excluir este m\xF3dulo?",
+  "courses.editor.deleteModuleConfirmBody": "As aulas deste m\xF3dulo tamb\xE9m ser\xE3o removidas. Isso n\xE3o pode ser desfeito.",
+  "courses.editor.deleteLessonConfirm": "Remover esta aula?",
+  "courses.editor.deleteLessonConfirmBody": "Isso n\xE3o pode ser desfeito.",
+  "courses.editor.confirmDelete": "Excluir",
+  "courses.editor.cancel": "Cancelar",
+  // Curriculum tree builder
+  "courses.editor.newModule": "Novo m\xF3dulo",
+  "courses.editor.firstModule": "Criar primeiro m\xF3dulo",
+  "courses.editor.newLesson": "Nova aula",
+  "courses.editor.firstLesson": "Adicione a primeira aula",
+  "courses.editor.moduleLabel": "m\xF3dulo",
+  "courses.editor.moduleLabelPlural": "m\xF3dulos",
+  "courses.editor.lessonUnitOne": "aula",
+  "courses.editor.lessonUnitOther": "aulas",
+  "courses.editor.noLessons": "Sem aulas",
+  "courses.editor.minShort": "min",
+  "courses.editor.hourShort": "h",
+  "courses.editor.dragToReorder": "Arraste para reordenar",
+  "courses.editor.expand": "Expandir",
+  "courses.editor.collapse": "Recolher",
+  "courses.editor.editLesson": "Editar aula",
+  "courses.editor.addVideo": "Adicionar v\xEDdeo",
+  "courses.editor.videoSet": "V\xEDdeo",
+  "courses.editor.videoUrlLabel": "URL do v\xEDdeo",
+  "courses.editor.videoUrlPlaceholder": "Cole o link do v\xEDdeo (YouTube, Vimeo\u2026)",
+  "courses.editor.reorderFailed": "N\xE3o foi poss\xEDvel reordenar",
+  // Área de membros
+  "courses.editor.membersHelp": "Quem compra este curso \xE9 matriculado automaticamente pelos pedidos e ganha acesso a todo o conte\xFAdo.",
+  "courses.editor.enrolledStudents": "Alunos matriculados",
+  "courses.editor.membersEmpty": "Nenhum aluno ainda",
+  "courses.editor.membersEmptyHint": "Os compradores s\xE3o matriculados aqui automaticamente ap\xF3s um pedido pago.",
+  "courses.editor.accessUnlockedBy": "Acesso liberado por",
+  "courses.editor.membersNote": "Comprar qualquer oferta libera o acesso completo ao conte\xFAdo deste curso.",
   "courses.editor.untitledCourse": "Curso sem t\xEDtulo",
   "courses.editor.untitledModule": "Novo m\xF3dulo",
   "courses.editor.untitledLesson": "Nova aula",
@@ -211,29 +337,29 @@ var ptBR = {
   "courses.editor.tab.curriculum": "Conte\xFAdo",
   "courses.editor.tab.offers": "Ofertas",
   "courses.editor.tab.members": "\xC1rea de membros",
-  "courses.editor.tab.settings": "Pagamento",
-  "courses.editor.tab.checkout": "Checkout",
-  "courses.editor.tab.links": "Links",
-  "courses.editor.membersHelp": "Quem compra este curso entra automaticamente na \xE1rea de membros. Grupos de acesso por oferta:",
-  "courses.editor.defaultGroup": "Grupo padr\xE3o",
-  "courses.editor.settingsHelp": "M\xE9todos de pagamento no checkout (Stripe).",
+  // Métodos de pagamento (usados na tela de configurações do plugin de Cursos)
   "courses.editor.payCard": "Cart\xE3o de cr\xE9dito (at\xE9 12x)",
   "courses.editor.payPix": "Pix",
   "courses.editor.payBoleto": "Boleto",
-  "courses.editor.settingsNote": "A disponibilidade de cada m\xE9todo depende do Stripe na sua regi\xE3o; ligado na Etapa 3.",
-  "courses.editor.checkoutSoon": "O construtor de checkout chega numa etapa futura. Um checkout padr\xE3o \xE9 gerado por oferta.",
-  "courses.editor.linksHelp": "Links de checkout compartilh\xE1veis, um por oferta.",
   // Offers
-  "courses.offers.help": "Pre\xE7os que o cliente pode comprar. Marque um padr\xE3o; order-bumps aparecem nos checkouts das outras.",
+  "courses.offers.help": "Pre\xE7os deste curso. As vendas acontecem pelos pedidos e pelo Financeiro.",
   "courses.offers.name": "Nome da oferta",
   "courses.offers.price": "Pre\xE7o",
+  "courses.offers.kind": "Tipo",
   "courses.offers.oneTime": "\xDAnico",
   "courses.offers.subscription": "Assinatura",
+  "courses.offers.interval": "Intervalo de cobran\xE7a",
   "courses.offers.default": "Padr\xE3o",
-  "courses.offers.bump": "Bump",
+  "courses.offers.bump": "Order bump",
   "courses.offers.remove": "Remover",
   "courses.offers.add": "Adicionar oferta",
+  "courses.offers.added": "Oferta adicionada",
+  "courses.offers.removed": "Oferta removida",
   "courses.offers.newName": "Nova oferta",
+  "courses.offers.empty": "Nenhuma oferta ainda",
+  "courses.offers.emptyHint": "Crie uma oferta para vender este curso.",
+  "courses.offers.firstOffer": "Criar primeira oferta",
+  "courses.offers.checkoutFlagsNote": "Aplicam-se quando o checkout p\xFAblico entrar no ar (em breve).",
   // Sales
   "courses.sales.title": "Vendas",
   "courses.sales.subtitle": "Todas as transa\xE7\xF5es dos seus cursos.",
@@ -334,14 +460,14 @@ function statusVariant(status) {
 function CoursesListPage() {
   const t = core.useTranslation();
   const shellOwnsHeader = ui.useModuleLayout() === "tabs";
-  const [courses$1, setCourses] = React2__namespace.useState(null);
-  const [creating, setCreating] = React2__namespace.useState(false);
+  const [courses$1, setCourses] = React3__namespace.useState(null);
+  const [creating, setCreating] = React3__namespace.useState(false);
   const guardCourses = saas.useLimitGuard("courses");
   const can = saas.usePermissionOptional();
-  const load = React2__namespace.useCallback(async () => {
+  const load = React3__namespace.useCallback(async () => {
     setCourses(await courses.getCoursesProvider().listCourses());
   }, []);
-  React2__namespace.useEffect(() => {
+  React3__namespace.useEffect(() => {
     void load();
   }, [load]);
   async function onCreate() {
@@ -368,29 +494,45 @@ function CoursesListPage() {
       /* @__PURE__ */ jsxRuntime.jsx(saas.PermissionGate, { feature: "courses", action: "create", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: onCreate, disabled: creating, children: t("courses.new") || "New course" }) })
     ] }),
     courses$1 && courses$1.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-dashed border-border p-12 text-center text-muted-foreground", children: t("courses.empty") || "No courses yet. Create your first one." }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: courses$1?.map((course) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "button",
-      {
-        onClick: () => navigateTo(`/courses/${course.id}`),
-        className: "group overflow-hidden rounded-xl border border-border bg-card text-left transition hover:border-primary hover:shadow-md",
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video w-full overflow-hidden bg-muted", children: course.thumbnailUrl && // eslint-disable-next-line @next/next/no-img-element
-          /* @__PURE__ */ jsxRuntime.jsx("img", { src: course.thumbnailUrl, alt: "", className: "h-full w-full object-cover" }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 p-4", children: [
-            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
-              /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground line-clamp-2", children: course.title }),
-              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: statusVariant(course.status), children: t(`courses.status.${course.status}`) || course.status })
-            ] }),
-            course.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground line-clamp-2", children: course.subtitle }),
-            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: course.price > 0 ? `${course.currency} ${course.price.toFixed(2)}` : "\u2014" })
-          ] })
-        ]
-      },
-      course.id
-    )) })
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [
+      courses$1 === null && Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(CourseCardSkeleton, {}, i)),
+      courses$1?.map((course) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          onClick: () => navigateTo(`/courses/${course.id}`),
+          className: "group overflow-hidden rounded-xl border border-border bg-card text-left transition hover:border-primary hover:shadow-md",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video w-full overflow-hidden bg-muted", children: course.thumbnailUrl && // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsxRuntime.jsx("img", { src: course.thumbnailUrl, alt: "", className: "h-full w-full object-cover" }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2 p-4", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-semibold text-foreground line-clamp-2", children: course.title }),
+                /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: statusVariant(course.status), children: t(`courses.status.${course.status}`) || course.status })
+              ] }),
+              course.subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground line-clamp-2", children: course.subtitle }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: course.price > 0 ? `${course.currency} ${course.price.toFixed(2)}` : "\u2014" })
+            ] })
+          ]
+        },
+        course.id
+      ))
+    ] })
   ] });
 }
 CoursesListPage.displayName = "CoursesListPage";
+function CourseCardSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "overflow-hidden rounded-xl border border-border bg-card", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "aspect-video w-full rounded-none" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 p-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-4 w-2/3" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-5 w-16 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-3 w-full" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-4 w-20" })
+    ] })
+  ] });
+}
 
 // src/lib/format.ts
 function formatMoney(value, currency = "BRL") {
@@ -410,69 +552,248 @@ function formatDate(iso) {
 function formatPercent(fraction, digits = 0) {
   return `${(fraction * 100).toFixed(digits)}%`;
 }
+function PageContainer({ title, subtitle, actions, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-6xl p-6 md:p-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-foreground", children: title }),
+        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: subtitle })
+      ] }),
+      actions
+    ] }),
+    children
+  ] });
+}
+function StatCard({ label, value, hint }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: "p-5", children: [
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-2xl font-bold text-foreground", children: value }),
+    hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: hint })
+  ] });
+}
+function StatGrid({ children }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children });
+}
+function EmptyState({ icon, title, description, action }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-center justify-center rounded-xl border border-dashed border-border bg-card/40 px-6 py-12 text-center", children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-3 flex h-11 w-11 items-center justify-center rounded-full bg-muted text-muted-foreground", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-foreground", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 max-w-sm text-sm text-muted-foreground", children: description }),
+    action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-4", children: action })
+  ] });
+}
+function InfoNote({ icon, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start gap-2.5 rounded-lg border border-border bg-muted/40 px-3.5 py-3 text-sm text-muted-foreground " + (className ?? ""), children: [
+    icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-0.5 shrink-0 text-muted-foreground/80", children: icon }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "min-w-0 [&_strong]:font-medium [&_strong]:text-foreground", children })
+  ] });
+}
+function SectionCard({ title, description, actions, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: "p-5 md:p-6 " + (className ?? ""), children: [
+    (title || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-start justify-between gap-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground", children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
+      ] }),
+      actions
+    ] }),
+    children
+  ] });
+}
+function SimpleTable({ columns, rows, empty, loading, onRowClick }) {
+  const cols = React3__namespace.useMemo(
+    () => columns.map((c) => ({
+      id: c.key,
+      header: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: c.align === "right" ? "text-right" : "", children: c.header }),
+      cell: ({ row }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: c.align === "right" ? "text-right" : "", children: c.render(row.original) })
+    })),
+    [columns]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.DataTable,
+    {
+      columns: cols,
+      data: rows,
+      emptyMessage: empty,
+      loading,
+      onRowClick: onRowClick ? (row) => onRowClick(row) : void 0
+    }
+  );
+}
+function buildCourseStudents(orders) {
+  const byKey = /* @__PURE__ */ new Map();
+  for (const o of orders) {
+    const key = o.customerId ?? o.customerEmail ?? o.id;
+    const existing = byKey.get(key);
+    if (!existing || o.createdAt && existing.since && o.createdAt > existing.since) {
+      byKey.set(key, {
+        key,
+        name: o.customerName ?? o.customerEmail ?? "\u2014",
+        email: o.customerEmail ?? null,
+        since: o.createdAt ?? null
+      });
+    }
+  }
+  return [...byKey.values()].sort((a, b) => (b.since ?? "").localeCompare(a.since ?? ""));
+}
 var STATUSES = ["draft", "published", "archived"];
-var TABS = ["details", "curriculum", "offers", "members", "settings", "checkout", "links"];
+var DELIVERY_TYPES = ["online", "in_person", "hybrid"];
+var TABS = ["details", "curriculum", "offers", "members"];
+var TAB_ICON = {
+  details: lucideReact.Tag,
+  curriculum: lucideReact.Layers,
+  offers: lucideReact.ShoppingCart,
+  members: lucideReact.Users
+};
+function editSnapshot(c) {
+  return JSON.stringify({
+    title: c.title,
+    subtitle: c.subtitle,
+    description: c.description,
+    price: c.price,
+    status: c.status,
+    deliveryType: c.deliveryType,
+    thumbnailUrl: c.thumbnailUrl
+  });
+}
 function CourseEditorPage({ id }) {
   const t = core.useTranslation();
-  const [tab, setTab] = React2__namespace.useState("details");
-  const [course, setCourse] = React2__namespace.useState(null);
-  const [modules, setModules] = React2__namespace.useState([]);
-  const [lessons, setLessons] = React2__namespace.useState([]);
-  const [offers, setOffers] = React2__namespace.useState([]);
-  const reload = React2__namespace.useCallback(async () => {
+  const [tab, setTab] = React3__namespace.useState("details");
+  const [course, setCourse] = React3__namespace.useState(null);
+  const [modules, setModules] = React3__namespace.useState([]);
+  const [lessons, setLessons] = React3__namespace.useState([]);
+  const [offers, setOffers] = React3__namespace.useState([]);
+  const [students, setStudents] = React3__namespace.useState([]);
+  const [loading, setLoading] = React3__namespace.useState(true);
+  const [savedSnap, setSavedSnap] = React3__namespace.useState("");
+  const [saving, setSaving] = React3__namespace.useState(false);
+  const [uploading, setUploading] = React3__namespace.useState(false);
+  const fileRef = React3__namespace.useRef(null);
+  const [pendingDelete, setPendingDelete] = React3__namespace.useState(null);
+  const [autoFocusId, setAutoFocusId] = React3__namespace.useState(null);
+  const reload = React3__namespace.useCallback(async () => {
     if (!id) return;
     const provider = courses.getCoursesProvider();
     const c = await provider.getCourse(id);
     setCourse(c);
     if (c) {
-      const [m, l, o] = await Promise.all([
+      setSavedSnap(editSnapshot(c));
+      const [m, l, o, paidOrders] = await Promise.all([
         provider.listModules(c.id),
         provider.listLessons(c.id),
-        provider.listOffers(c.id)
+        provider.listOffers(c.id),
+        provider.listOrders({ courseId: c.id, financialStatus: "paid" })
       ]);
       setModules(m);
       setLessons(l);
       setOffers(o);
+      setStudents(buildCourseStudents(paidOrders));
     }
+    setLoading(false);
   }, [id]);
-  React2__namespace.useEffect(() => {
+  React3__namespace.useEffect(() => {
     void reload();
   }, [reload]);
-  if (!course) {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-8 text-muted-foreground", children: "\u2026" });
+  const dirty = !!course && editSnapshot(course) !== savedSnap;
+  ui.useSaveBar({
+    dirty,
+    saving,
+    onSave: () => {
+      void saveDetails();
+    },
+    onDiscard: () => {
+      void reload();
+    },
+    saveLabel: t("courses.editor.save") || "Salvar"
+  });
+  if (loading || !course) return /* @__PURE__ */ jsxRuntime.jsx(EditorSkeleton, {});
+  function patchCourse(patch) {
+    setCourse((c) => c ? { ...c, ...patch } : c);
   }
   async function saveDetails() {
-    await courses.getCoursesProvider().updateCourse(course.id, {
-      title: course.title,
-      subtitle: course.subtitle ?? void 0,
-      description: course.description ?? void 0,
-      price: course.price,
-      status: course.status
-    });
-    ui.toast.success(t("courses.editor.saved") || "Course saved");
+    if (!course) return;
+    setSaving(true);
+    try {
+      await courses.getCoursesProvider().updateCourse(course.id, {
+        title: course.title,
+        subtitle: course.subtitle ?? void 0,
+        description: course.description ?? void 0,
+        thumbnailUrl: course.thumbnailUrl ?? void 0,
+        price: course.price,
+        status: course.status,
+        deliveryType: course.deliveryType
+      });
+      setSavedSnap(editSnapshot(course));
+      ui.toast.success(t("courses.editor.saved") || "Course saved");
+    } catch {
+      ui.toast.error(t("courses.editor.saveFailed") || "Could not save the course");
+    } finally {
+      setSaving(false);
+    }
   }
-  function patchCourse(patch) {
-    setCourse((c) => c ? { ...c, ...patch } : c);
+  async function onPickThumbnail(e) {
+    const file = e.target.files?.[0];
+    if (!file || !course) return;
+    const supabase = core.getSupabaseClientOptional();
+    if (!supabase?.storage) {
+      ui.toast.error(t("courses.editor.uploadUnavailable") || "Upload unavailable \u2014 paste an image URL instead.");
+      if (fileRef.current) fileRef.current.value = "";
+      return;
+    }
+    setUploading(true);
+    try {
+      const ext = file.name.split(".").pop() || "jpg";
+      const path = `${course.id}/cover-${Date.now()}.${ext}`;
+      const bucket = supabase.storage.from("course-media");
+      const { error } = await bucket.upload(path, file, { upsert: true, contentType: file.type });
+      if (error) throw error;
+      const { data } = bucket.getPublicUrl(path);
+      patchCourse({ thumbnailUrl: data.publicUrl });
+      ui.toast.success(t("courses.editor.thumbnailUploaded") || "Image uploaded \u2014 remember to save.");
+    } catch {
+      ui.toast.error(t("courses.editor.uploadFailed") || "Could not upload the image");
+    } finally {
+      setUploading(false);
+      if (fileRef.current) fileRef.current.value = "";
+    }
   }
   async function addModule() {
-    await courses.getCoursesProvider().createModule({ courseId: course.id, title: t("courses.editor.untitledModule") || "New module" });
+    const mod = await courses.getCoursesProvider().createModule({ courseId: course.id, title: t("courses.editor.untitledModule") || "New module" });
+    ui.toast.success(t("courses.editor.moduleAdded") || "Module added");
     await reload();
+    setAutoFocusId(mod.id);
   }
   async function renameModule(moduleId, title) {
     await courses.getCoursesProvider().updateModule(moduleId, { title });
   }
-  async function deleteModule(moduleId) {
-    await courses.getCoursesProvider().deleteModule(moduleId);
-    await reload();
-  }
   async function addLesson(moduleId) {
-    await courses.getCoursesProvider().createLesson({
+    const tempId = `tmp-${crypto.randomUUID()}`;
+    const nextOrder = lessons.filter((l) => l.moduleId === moduleId).reduce((max, l) => Math.max(max, l.sortOrder), -1) + 1;
+    const optimistic = {
+      id: tempId,
       courseId: course.id,
       moduleId,
       title: t("courses.editor.untitledLesson") || "New lesson",
-      videoUrl: "https://www.youtube.com/embed/dQw4w9WgXcQ"
-    });
-    await reload();
+      description: null,
+      videoUrl: "",
+      durationSec: 0,
+      sortOrder: nextOrder
+    };
+    setLessons((ls) => [...ls, optimistic]);
+    setAutoFocusId(tempId);
+    try {
+      const real = await courses.getCoursesProvider().createLesson({
+        courseId: course.id,
+        moduleId,
+        title: optimistic.title,
+        videoUrl: ""
+      });
+      setLessons((ls) => ls.map((l) => l.id === tempId ? { ...l, id: real.id } : l));
+      setAutoFocusId((cur) => cur === tempId ? real.id : cur);
+    } catch {
+      setLessons((ls) => ls.filter((l) => l.id !== tempId));
+      ui.toast.error(t("courses.editor.saveFailed") || "Could not add the lesson");
+    }
   }
   async function patchLesson(lessonId, patch) {
     await courses.getCoursesProvider().updateLesson(lessonId, {
@@ -482,8 +803,37 @@ function CourseEditorPage({ id }) {
       description: patch.description ?? void 0
     });
   }
-  async function deleteLesson(lessonId) {
-    await courses.getCoursesProvider().deleteLesson(lessonId);
+  async function reorderModules(orderedIds) {
+    const prev = modules;
+    setModules(orderedIds.map((mid, i) => ({ ...prev.find((m) => m.id === mid), sortOrder: i })));
+    try {
+      await Promise.all(orderedIds.map((mid, i) => courses.getCoursesProvider().updateModule(mid, { sortOrder: i })));
+    } catch {
+      ui.toast.error(t("courses.editor.reorderFailed") || "Could not reorder");
+    } finally {
+      await reload();
+    }
+  }
+  async function reorderLessons(moduleId, orderedIds) {
+    const prev = lessons;
+    const others = prev.filter((l) => l.moduleId !== moduleId);
+    const reordered = orderedIds.map((lid, i) => ({ ...prev.find((l) => l.id === lid), sortOrder: i }));
+    setLessons([...others, ...reordered]);
+    try {
+      await Promise.all(orderedIds.map((lid, i) => courses.getCoursesProvider().updateLesson(lid, { sortOrder: i })));
+    } catch {
+      ui.toast.error(t("courses.editor.reorderFailed") || "Could not reorder");
+    } finally {
+      await reload();
+    }
+  }
+  async function confirmDelete() {
+    if (!pendingDelete) return;
+    const provider = courses.getCoursesProvider();
+    if (pendingDelete.kind === "module") await provider.deleteModule(pendingDelete.id);
+    else await provider.deleteLesson(pendingDelete.id);
+    ui.toast.success(t("courses.editor.deleted") || "Removed");
+    setPendingDelete(null);
     await reload();
   }
   async function addOffer() {
@@ -493,6 +843,7 @@ function CourseEditorPage({ id }) {
       price: course.price,
       kind: "one_time"
     });
+    ui.toast.success(t("courses.offers.added") || "Offer added");
     await reload();
   }
   async function patchOffer(offerId, patch) {
@@ -508,179 +859,668 @@ function CourseEditorPage({ id }) {
   }
   async function deleteOffer(offerId) {
     await courses.getCoursesProvider().deleteOffer(offerId);
+    ui.toast.success(t("courses.offers.removed") || "Offer removed");
     await reload();
   }
+  const deliveryOptions = DELIVERY_TYPES.map((d) => ({
+    value: d,
+    label: t(`courses.editor.delivery.${d}`) || d
+  }));
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-4xl p-6 md:p-8", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => navigateTo("/courses"), className: "mb-4 text-sm text-muted-foreground hover:text-foreground", children: [
-      "\u2190 ",
-      t("courses.editor.back") || "Back to courses"
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "mb-1 text-2xl font-bold text-foreground", children: course.title }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 mt-4 flex gap-1 overflow-x-auto border-b border-border", children: TABS.map((tk) => /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsxs(
       "button",
       {
-        onClick: () => setTab(tk),
-        className: `-mb-px whitespace-nowrap border-b-2 px-3 py-2 text-sm font-medium ${tab === tk ? "border-primary text-foreground" : "border-transparent text-muted-foreground hover:text-foreground"}`,
-        children: t(`courses.editor.tab.${tk}`) || tk
-      },
-      tk
-    )) }),
-    tab === "details" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-xl space-y-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldTitle") || "Title", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: course.title, onChange: (e) => patchCourse({ title: e.target.value }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldSubtitle") || "Subtitle", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: course.subtitle ?? "", onChange: (e) => patchCourse({ subtitle: e.target.value }) }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldDescription") || "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
-        "textarea",
+        onClick: () => navigateTo("/courses"),
+        className: "mb-4 inline-flex items-center gap-1.5 text-sm text-muted-foreground transition-colors hover:text-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: "h-4 w-4" }),
+          " ",
+          t("courses.editor.back") || "Back to courses"
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex flex-wrap items-center gap-x-3 gap-y-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-foreground", children: course.title || (t("courses.editor.untitledCourse") || "Untitled course") }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: course.status === "published" ? "success" : course.status === "archived" ? "secondary" : "outline", children: t(`courses.status.${course.status}`) || course.status }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "outline", children: t(`courses.editor.delivery.${course.deliveryType}`) || course.deliveryType })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Tabs, { value: tab, onValueChange: (v) => setTab(v), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mx-1 mb-6 overflow-x-auto px-1 pb-1", children: /* @__PURE__ */ jsxRuntime.jsx(ui.TabsList, { className: "h-auto flex-nowrap", children: TABS.map((tk) => {
+        const Icon = TAB_ICON[tk];
+        return /* @__PURE__ */ jsxRuntime.jsxs(ui.TabsTrigger, { value: tk, className: "gap-1.5 whitespace-nowrap py-1.5", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { className: "h-3.5 w-3.5" }),
+          t(`courses.editor.tab.${tk}`) || tk
+        ] }, tk);
+      }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.TabsContent, { value: "details", className: "space-y-5", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(SectionCard, { title: t("courses.editor.sectionBasics") || "Basics", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldTitle") || "Title", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: course.title, onChange: (e) => patchCourse({ title: e.target.value }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldSubtitle") || "Subtitle", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { value: course.subtitle ?? "", onChange: (e) => patchCourse({ subtitle: e.target.value }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldDescription") || "Description", children: /* @__PURE__ */ jsxRuntime.jsx(
+            Textarea,
+            {
+              value: course.description ?? "",
+              onChange: (e) => patchCourse({ description: e.target.value }),
+              placeholder: t("courses.editor.descriptionPlaceholder") || "What will students learn?"
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldDelivery") || "Format", hint: t("courses.editor.deliveryHint") || "How this course is delivered.", children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.SegmentedControl,
+            {
+              size: "md",
+              options: deliveryOptions,
+              value: course.deliveryType,
+              onChange: (v) => patchCourse({ deliveryType: v }),
+              "aria-label": t("courses.editor.fieldDelivery") || "Format"
+            }
+          ) })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SectionCard, { title: t("courses.editor.sectionThumbnail") || "Cover image", description: t("courses.editor.thumbnailHint") || "Shown on the storefront and in listings. 1280\xD7720 recommended.", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-start", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-video w-full shrink-0 overflow-hidden rounded-lg border border-border bg-muted sm:w-56", children: course.thumbnailUrl ? (
+            // eslint-disable-next-line @next/next/no-img-element
+            /* @__PURE__ */ jsxRuntime.jsx("img", { src: course.thumbnailUrl, alt: "", className: "h-full w-full object-cover" })
+          ) : /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center gap-1 text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImagePlus, { className: "h-6 w-6" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs", children: t("courses.editor.thumbnailEmpty") || "No image" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("input", { ref: fileRef, type: "file", accept: "image/*", className: "hidden", onChange: onPickThumbnail }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", disabled: uploading, onClick: () => fileRef.current?.click(), children: [
+              uploading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UploadCloud, { className: "h-4 w-4" }),
+              uploading ? t("courses.editor.uploading") || "Uploading\u2026" : t("courses.editor.thumbnailUpload") || "Upload image"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.thumbnailUrl") || "Or paste an image URL", children: /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                value: course.thumbnailUrl ?? "",
+                placeholder: "https://\u2026",
+                onChange: (e) => patchCourse({ thumbnailUrl: e.target.value || null })
+              }
+            ) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(SectionCard, { title: t("courses.editor.sectionPricing") || "Pricing & status", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldPrice") || "Price", hint: course.currency, children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Input,
+            {
+              type: "number",
+              min: 0,
+              step: "0.01",
+              inputMode: "decimal",
+              value: String(course.price),
+              onChange: (e) => patchCourse({ price: Number(e.target.value) || 0 })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldStatus") || "Status", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Select, { value: course.status, onValueChange: (v) => patchCourse({ status: v }), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.SelectContent, { children: STATUSES.map((s) => /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: s, children: t(`courses.status.${s}`) || s }, s)) })
+          ] }) })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.TabsContent, { value: "curriculum", className: "space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx(
+        CurriculumBuilder,
         {
-          className: "min-h-24 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-          value: course.description ?? "",
-          onChange: (e) => patchCourse({ description: e.target.value })
+          t,
+          modules,
+          lessons,
+          autoFocusId,
+          onAutoFocused: () => setAutoFocusId(null),
+          onAddModule: addModule,
+          onRenameModule: renameModule,
+          onAddLesson: addLesson,
+          onPatchLesson: patchLesson,
+          onRequestDelete: (kind, delId) => setPendingDelete({ kind, id: delId }),
+          onReorderModules: reorderModules,
+          onReorderLessons: reorderLessons
         }
       ) }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldPrice") || "Price", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { type: "number", value: String(course.price), onChange: (e) => patchCourse({ price: Number(e.target.value) || 0 }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.editor.fieldStatus") || "Status", children: /* @__PURE__ */ jsxRuntime.jsx(
-          "select",
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.TabsContent, { value: "offers", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoNote, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Info, { className: "h-4 w-4" }), children: t("courses.offers.help") || "Price points for this course. Sales run through orders and the Financeiro module." }),
+        offers.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+          EmptyState,
           {
-            className: "h-10 rounded-md border border-input bg-background px-3 text-sm",
-            value: course.status,
-            onChange: (e) => patchCourse({ status: e.target.value }),
-            children: STATUSES.map((s) => /* @__PURE__ */ jsxRuntime.jsx("option", { value: s, children: t(`courses.status.${s}`) || s }, s))
+            icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Tag, { className: "h-5 w-5" }),
+            title: t("courses.offers.empty") || "No offers yet",
+            description: t("courses.offers.emptyHint") || "Create an offer to sell this course.",
+            action: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: addOffer, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+              t("courses.offers.firstOffer") || "Create first offer"
+            ] })
           }
-        ) })
+        ) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          offers.map((offer) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4 shadow-sm md:p-5", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-4 flex items-start justify-between gap-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "outline", className: "gap-1", children: offer.kind === "subscription" ? t("courses.offers.subscription") || "Subscription" : t("courses.offers.oneTime") || "One-time" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  onClick: () => deleteOffer(offer.id),
+                  className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-destructive/10 hover:text-destructive",
+                  "aria-label": t("courses.offers.remove") || "Remove",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[1fr_140px_160px]", children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.offers.name") || "Offer name", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { defaultValue: offer.name, onBlur: (e) => patchOffer(offer.id, { name: e.target.value }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.offers.price") || "Price", hint: offer.currency, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { type: "number", min: 0, step: "0.01", inputMode: "decimal", defaultValue: String(offer.price), onBlur: (e) => patchOffer(offer.id, { price: Number(e.target.value) || 0 }) }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.offers.kind") || "Type", children: /* @__PURE__ */ jsxRuntime.jsxs(
+                ui.Select,
+                {
+                  value: offer.kind,
+                  onValueChange: (v) => patchOffer(offer.id, { kind: v, recurringInterval: v === "subscription" ? offer.recurringInterval ?? "month" : null }),
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {}) }),
+                    /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectContent, { children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "one_time", children: t("courses.offers.oneTime") || "One-time" }),
+                      /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "subscription", children: t("courses.offers.subscription") || "Subscription" })
+                    ] })
+                  ]
+                }
+              ) })
+            ] }),
+            offer.kind === "subscription" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-3 max-w-[200px]", children: /* @__PURE__ */ jsxRuntime.jsx(Field, { label: t("courses.offers.interval") || "Billing interval", children: /* @__PURE__ */ jsxRuntime.jsxs(
+              ui.Select,
+              {
+                value: offer.recurringInterval ?? "month",
+                onValueChange: (v) => patchOffer(offer.id, { recurringInterval: v }),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.SelectTrigger, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.SelectValue, {}) }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(ui.SelectContent, { children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "month", children: t("courses.interval.month") || "month" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "year", children: t("courses.interval.year") || "year" })
+                  ] })
+                ]
+              }
+            ) }) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-4 rounded-lg border border-dashed border-border bg-muted/30 p-3", children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "mb-2.5 flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3.5 w-3.5" }),
+                t("courses.offers.checkoutFlagsNote") || "Apply once the public checkout ships (coming soon)."
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { checked: offer.isDefault, onChange: (v) => patchOffer(offer.id, { isDefault: v }) }),
+                  t("courses.offers.default") || "Default"
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-muted-foreground", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { checked: offer.isOrderBump, onChange: (v) => patchOffer(offer.id, { isOrderBump: v }) }),
+                  t("courses.offers.bump") || "Order bump"
+                ] })
+              ] })
+            ] })
+          ] }, offer.id)),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", onClick: addOffer, className: "w-full border-dashed", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+            t("courses.offers.add") || "Add offer"
+          ] })
+        ] })
       ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: saveDetails, children: t("courses.editor.save") || "Save" })
-    ] }),
-    tab === "curriculum" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
-      modules.map((mod) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-xl border border-border bg-card p-4", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-3 flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            ui.Input,
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.TabsContent, { value: "members", className: "space-y-4", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(InfoNote, { icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "h-4 w-4" }), children: t("courses.editor.membersHelp") || "Buyers are enrolled automatically through orders and get access to all of this course\u2019s content." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+            t("courses.editor.enrolledStudents") || "Enrolled students",
+            " (",
+            students.length,
+            ")"
+          ] }),
+          students.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+            EmptyState,
             {
-              className: "font-medium",
-              defaultValue: mod.title,
-              onBlur: (e) => renameModule(mod.id, e.target.value),
-              "aria-label": t("courses.editor.moduleTitle") || "Module title"
+              icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Users, { className: "h-5 w-5" }),
+              title: t("courses.editor.membersEmpty") || "No students yet",
+              description: t("courses.editor.membersEmptyHint") || "Buyers are enrolled here automatically after a paid order."
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", size: "sm", onClick: () => deleteModule(mod.id), children: t("courses.editor.deleteModule") || "Delete module" })
+          ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-card", children: students.map((s) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-muted text-xs font-semibold uppercase text-muted-foreground", "aria-hidden": true, children: (s.name || s.email || "?").charAt(0) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate font-medium text-foreground", children: s.name }),
+              s.email && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "truncate text-xs text-muted-foreground", children: s.email })
+            ] }),
+            s.since && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: new Date(s.since).toLocaleDateString() })
+          ] }, s.key)) })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-          lessons.filter((l) => l.moduleId === mod.id).map((lesson) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-2 rounded-md border border-border p-3 md:grid-cols-[1fr_1fr_90px_auto]", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { defaultValue: lesson.title, placeholder: t("courses.editor.lessonTitle") || "Lesson title", onBlur: (e) => patchLesson(lesson.id, { title: e.target.value }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { defaultValue: lesson.videoUrl, placeholder: t("courses.editor.lessonVideo") || "Video URL (embed)", onBlur: (e) => patchLesson(lesson.id, { videoUrl: e.target.value }) }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { type: "number", defaultValue: String(Math.round(lesson.durationSec / 60)), onBlur: (e) => patchLesson(lesson.id, { durationSec: (Number(e.target.value) || 0) * 60 }), "aria-label": t("courses.editor.lessonDuration") || "Duration (min)" }),
-            /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", size: "sm", onClick: () => deleteLesson(lesson.id), children: t("courses.editor.deleteLesson") || "Remove" })
-          ] }, lesson.id)),
-          /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", size: "sm", onClick: () => addLesson(mod.id), children: [
-            "+ ",
-            t("courses.editor.addLesson") || "Add lesson"
-          ] })
-        ] })
-      ] }, mod.id)),
-      /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: addModule, children: t("courses.editor.addModule") || "Add module" })
-    ] }),
-    tab === "offers" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: t("courses.offers.help") || "Price points a customer can buy. Mark one default; order-bumps show on other checkouts." }),
-      offers.map((offer) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 gap-2 rounded-xl border border-border bg-card p-3 md:grid-cols-[1fr_120px_130px_auto]", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { defaultValue: offer.name, onBlur: (e) => patchOffer(offer.id, { name: e.target.value }), "aria-label": t("courses.offers.name") || "Offer name" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Input, { type: "number", defaultValue: String(offer.price), onBlur: (e) => patchOffer(offer.id, { price: Number(e.target.value) || 0 }), "aria-label": t("courses.offers.price") || "Price" }),
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "select",
-          {
-            className: "h-10 rounded-md border border-input bg-background px-2 text-sm",
-            value: offer.kind,
-            onChange: (e) => patchOffer(offer.id, { kind: e.target.value, recurringInterval: e.target.value === "subscription" ? offer.recurringInterval ?? "month" : null }),
-            children: [
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "one_time", children: t("courses.offers.oneTime") || "One-time" }),
-              /* @__PURE__ */ jsxRuntime.jsx("option", { value: "subscription", children: t("courses.offers.subscription") || "Subscription" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
-          offer.isDefault && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "secondary", children: t("courses.offers.default") || "Default" }),
-          offer.isOrderBump && /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "outline", children: t("courses.offers.bump") || "Bump" }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "ghost", size: "sm", onClick: () => deleteOffer(offer.id), children: t("courses.offers.remove") || "Remove" })
+        offers.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("courses.editor.accessUnlockedBy") || "Access is unlocked by" }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-card", children: offers.map((offer) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-muted text-muted-foreground", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Lock, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: offer.name }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: formatMoney(offer.price, offer.currency) })
+          ] }, offer.id)) })
         ] })
-      ] }, offer.id)),
-      /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: addOffer, children: [
-        "+ ",
-        t("courses.offers.add") || "Add offer"
       ] })
     ] }),
-    tab === "members" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("courses.editor.membersHelp") || "Buyers of this course are added to its members area automatically. Access groups per offer:" }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border bg-card divide-y divide-border", children: offers.map((offer) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-4 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: offer.name }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: formatMoney(offer.price, offer.currency) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: "secondary", children: t("courses.editor.defaultGroup") || "Default group" })
-      ] }, offer.id)) })
-    ] }),
-    tab === "settings" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-xl space-y-4 text-sm", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: t("courses.editor.settingsHelp") || "Payment methods offered at checkout (Stripe)." }),
-      [
-        ["card", t("courses.editor.payCard") || "Credit card (up to 12x)"],
-        ["pix", t("courses.editor.payPix") || "Pix"],
-        ["boleto", t("courses.editor.payBoleto") || "Boleto"]
-      ].map(([k, label]) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "flex items-center gap-3 rounded-lg border border-border bg-card px-4 py-3", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("input", { type: "checkbox", defaultChecked: true, className: "h-4 w-4" }),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: label })
-      ] }, k)),
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground", children: t("courses.editor.settingsNote") || "Method availability depends on Stripe in your region; wired in Stage 3." })
-    ] }),
-    tab === "checkout" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-dashed border-border p-10 text-center text-sm text-muted-foreground", children: t("courses.editor.checkoutSoon") || "Custom checkout builder comes in a later milestone. A default checkout is generated per offer." }),
-    tab === "links" && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: t("courses.editor.linksHelp") || "Shareable checkout links, one per offer." }),
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-xl border border-border bg-card divide-y divide-border", children: offers.map((offer) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 px-4 py-3 md:flex-row md:items-center md:justify-between", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: offer.name }),
-        /* @__PURE__ */ jsxRuntime.jsxs("code", { className: "rounded bg-muted px-2 py-1 text-xs text-muted-foreground", children: [
-          "/checkout/",
-          course.slug,
-          "?offer=",
-          offer.id
-        ] })
-      ] }, offer.id)) })
-    ] })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ui.ConfirmDialog,
+      {
+        open: pendingDelete !== null,
+        variant: "destructive",
+        title: pendingDelete?.kind === "module" ? t("courses.editor.deleteModuleConfirm") || "Delete this module?" : t("courses.editor.deleteLessonConfirm") || "Remove this lesson?",
+        description: pendingDelete?.kind === "module" ? t("courses.editor.deleteModuleConfirmBody") || "Its lessons will be removed too. This cannot be undone." : t("courses.editor.deleteLessonConfirmBody") || "This cannot be undone.",
+        confirmLabel: t("courses.editor.confirmDelete") || "Delete",
+        cancelLabel: t("courses.editor.cancel") || "Cancel",
+        onConfirm: confirmDelete,
+        onCancel: () => setPendingDelete(null)
+      }
+    )
   ] });
 }
 CourseEditorPage.displayName = "CourseEditorPage";
-function Field({ label, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-foreground", children: label }),
-    children
+function formatDuration(sec, t) {
+  const min = Math.max(0, Math.round(sec / 60));
+  const mLabel = t("courses.editor.minShort") || "min";
+  if (min < 60) return `${min} ${mLabel}`;
+  const h = Math.floor(min / 60);
+  const rem = min % 60;
+  const hLabel = t("courses.editor.hourShort") || "h";
+  return rem ? `${h} ${hLabel} ${rem} ${mLabel}` : `${h} ${hLabel}`;
+}
+function CurriculumBuilder({
+  t,
+  modules,
+  lessons,
+  autoFocusId,
+  onAutoFocused,
+  onAddModule,
+  onRenameModule,
+  onAddLesson,
+  onPatchLesson,
+  onRequestDelete,
+  onReorderModules,
+  onReorderLessons
+}) {
+  const [collapsed, setCollapsed] = React3__namespace.useState(/* @__PURE__ */ new Set());
+  const sensors = core$1.useSensors(
+    core$1.useSensor(core$1.PointerSensor, { activationConstraint: { distance: 6 } }),
+    core$1.useSensor(core$1.KeyboardSensor, { coordinateGetter: sortable.sortableKeyboardCoordinates })
+  );
+  function toggleModule(id) {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+  function handleModuleDragEnd(e) {
+    const { active, over } = e;
+    if (!over || active.id === over.id) return;
+    const ids = modules.map((m) => m.id);
+    const from = ids.indexOf(String(active.id));
+    const to = ids.indexOf(String(over.id));
+    if (from < 0 || to < 0) return;
+    onReorderModules(sortable.arrayMove(ids, from, to));
+  }
+  if (modules.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AutosaveHint, { t }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        EmptyState,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Layers, { className: "h-5 w-5" }),
+          title: t("courses.editor.modulesEmpty") || "No modules yet",
+          description: t("courses.editor.modulesEmptyHint") || "Create a module to start organizing your lessons.",
+          action: /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: onAddModule, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+            t("courses.editor.firstModule") || "Create first module"
+          ] })
+        }
+      )
+    ] });
+  }
+  const totalLessons = lessons.length;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(AutosaveHint, { t }),
+      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+        modules.length,
+        " ",
+        modules.length === 1 ? t("courses.editor.moduleLabel") || "module" : t("courses.editor.moduleLabelPlural") || "modules",
+        " \xB7 ",
+        totalLessons,
+        " ",
+        totalLessons === 1 ? t("courses.editor.lessonUnitOne") || "lesson" : t("courses.editor.lessonUnitOther") || "lessons"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(core$1.DndContext, { sensors, collisionDetection: core$1.closestCenter, onDragEnd: handleModuleDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: modules.map((m) => m.id), strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: modules.map((mod, i) => /* @__PURE__ */ jsxRuntime.jsx(
+      SortableModuleCard,
+      {
+        t,
+        index: i,
+        mod,
+        lessons: lessons.filter((l) => l.moduleId === mod.id),
+        expanded: !collapsed.has(mod.id),
+        onToggle: () => toggleModule(mod.id),
+        autoFocusId,
+        onAutoFocused,
+        onRenameModule,
+        onAddLesson,
+        onPatchLesson,
+        onRequestDelete,
+        onReorderLessons
+      },
+      mod.id
+    )) }) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outline", onClick: onAddModule, className: "w-full border-dashed", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+      t("courses.editor.newModule") || "New module"
+    ] })
   ] });
 }
-function PageContainer({ title, subtitle, actions, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-6xl p-6 md:p-8", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mb-6 flex items-start justify-between gap-4", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "text-2xl font-bold text-foreground", children: title }),
-        subtitle && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: subtitle })
-      ] }),
-      actions
+function SortableModuleCard({
+  t,
+  index,
+  mod,
+  lessons,
+  expanded,
+  onToggle,
+  autoFocusId,
+  onAutoFocused,
+  onRenameModule,
+  onAddLesson,
+  onPatchLesson,
+  onRequestDelete,
+  onReorderLessons
+}) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable.useSortable({ id: mod.id });
+  const sensors = core$1.useSensors(
+    core$1.useSensor(core$1.PointerSensor, { activationConstraint: { distance: 6 } }),
+    core$1.useSensor(core$1.KeyboardSensor, { coordinateGetter: sortable.sortableKeyboardCoordinates })
+  );
+  const style = {
+    transform: utilities.CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.6 : 1,
+    zIndex: isDragging ? 20 : void 0
+  };
+  const count = lessons.length;
+  const totalSec = lessons.reduce((s, l) => s + (l.durationSec || 0), 0);
+  function handleLessonDragEnd(e) {
+    const { active, over } = e;
+    if (!over || active.id === over.id) return;
+    const ids = lessons.map((l) => l.id);
+    const from = ids.indexOf(String(active.id));
+    const to = ids.indexOf(String(over.id));
+    if (from < 0 || to < 0) return;
+    onReorderLessons(mod.id, sortable.arrayMove(ids, from, to));
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      className: "overflow-hidden rounded-xl border border-border bg-card shadow-sm",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-2 py-2 sm:gap-2 sm:px-3", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              ...attributes,
+              ...listeners,
+              className: "hidden h-8 w-6 shrink-0 cursor-grab touch-none items-center justify-center rounded-md text-muted-foreground/40 transition-colors hover:text-muted-foreground active:cursor-grabbing sm:flex",
+              "aria-label": t("courses.editor.dragToReorder") || "Drag to reorder",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: onToggle,
+              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground",
+              "aria-label": expanded ? t("courses.editor.collapse") || "Collapse" : t("courses.editor.expand") || "Expand",
+              "aria-expanded": expanded,
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: "h-4 w-4 transition-transform " + (expanded ? "" : "-rotate-90") })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden shrink-0 items-center rounded-md bg-muted px-2 py-1 text-xs font-semibold tabular-nums text-muted-foreground sm:inline-flex", children: String(index + 1).padStart(2, "0") }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TitleField,
+            {
+              value: mod.title,
+              autoFocus: autoFocusId === mod.id,
+              onAutoFocused,
+              onCommit: (v) => onRenameModule(mod.id, v),
+              placeholder: t("courses.editor.moduleTitle") || "Module title",
+              ariaLabel: t("courses.editor.moduleTitle") || "Module title",
+              className: "text-sm font-semibold"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden shrink-0 text-xs text-muted-foreground tabular-nums md:inline", children: count > 0 ? `${count} ${count === 1 ? t("courses.editor.lessonUnitOne") || "lesson" : t("courses.editor.lessonUnitOther") || "lessons"} \xB7 ${formatDuration(totalSec, t)}` : t("courses.editor.noLessons") || "No lessons" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => onRequestDelete("module", mod.id),
+              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-destructive/10 hover:text-destructive",
+              "aria-label": t("courses.editor.deleteModule") || "Delete module",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        expanded && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "border-t border-border/60 bg-muted/20 p-2 sm:p-3", children: [
+          count === 0 ? /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: () => onAddLesson(mod.id),
+              className: "flex w-full items-center justify-center gap-2 rounded-lg border border-dashed border-border px-3 py-4 text-sm text-muted-foreground transition-colors hover:border-primary/40 hover:bg-card hover:text-foreground",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+                " ",
+                t("courses.editor.firstLesson") || "Add the first lesson"
+              ]
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsx(core$1.DndContext, { sensors, collisionDetection: core$1.closestCenter, onDragEnd: handleLessonDragEnd, children: /* @__PURE__ */ jsxRuntime.jsx(sortable.SortableContext, { items: lessons.map((l) => l.id), strategy: sortable.verticalListSortingStrategy, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-1.5", children: lessons.map((lesson) => /* @__PURE__ */ jsxRuntime.jsx(
+            SortableLessonRow,
+            {
+              t,
+              lesson,
+              autoFocusId,
+              onAutoFocused,
+              onPatchLesson,
+              onRequestDelete
+            },
+            lesson.id
+          )) }) }) }),
+          count > 0 && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: () => onAddLesson(mod.id),
+              className: "mt-2 flex items-center gap-1.5 rounded-md px-2 py-1.5 text-sm font-medium text-primary transition-colors hover:bg-primary/10",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "h-4 w-4" }),
+                " ",
+                t("courses.editor.newLesson") || "New lesson"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function SortableLessonRow({ t, lesson, autoFocusId, onAutoFocused, onPatchLesson, onRequestDelete }) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = sortable.useSortable({ id: lesson.id });
+  const [open, setOpen] = React3__namespace.useState(false);
+  const [videoUrl, setVideoUrl] = React3__namespace.useState(lesson.videoUrl);
+  const [durationSec, setDurationSec] = React3__namespace.useState(lesson.durationSec);
+  React3__namespace.useEffect(() => {
+    setVideoUrl(lesson.videoUrl);
+  }, [lesson.videoUrl]);
+  React3__namespace.useEffect(() => {
+    setDurationSec(lesson.durationSec);
+  }, [lesson.durationSec]);
+  const hasVideo = videoUrl.trim().length > 0;
+  const style = {
+    transform: utilities.CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.6 : 1,
+    zIndex: isDragging ? 10 : void 0
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      className: "group rounded-lg border bg-card transition-colors " + (open ? "border-border" : "border-transparent hover:border-border"),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-1.5 px-1.5 py-1.5 sm:gap-2 sm:px-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              ...attributes,
+              ...listeners,
+              className: "hidden h-8 w-5 shrink-0 cursor-grab touch-none items-center justify-center text-muted-foreground/40 transition-colors hover:text-muted-foreground active:cursor-grabbing sm:flex",
+              "aria-label": t("courses.editor.dragToReorder") || "Drag to reorder",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.GripVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg " + (hasVideo ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"),
+              "aria-hidden": true,
+              children: hasVideo ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Video, { className: "h-4 w-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.FileText, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            TitleField,
+            {
+              value: lesson.title,
+              autoFocus: autoFocusId === lesson.id,
+              onAutoFocused,
+              onCommit: (v) => onPatchLesson(lesson.id, { title: v }),
+              placeholder: t("courses.editor.lessonTitle") || "Lesson title",
+              ariaLabel: t("courses.editor.lessonTitle") || "Lesson title",
+              className: "text-sm"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "hidden shrink-0 items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs tabular-nums text-muted-foreground sm:inline-flex", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Clock, { className: "h-3 w-3" }),
+            Math.round(durationSec / 60),
+            " ",
+            t("courses.editor.minShort") || "min"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              onClick: () => setOpen((v) => !v),
+              className: "inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-1 text-xs font-medium transition-colors " + (hasVideo ? "border-border text-muted-foreground hover:text-foreground" : "border-dashed border-border text-muted-foreground hover:border-primary/40 hover:text-foreground") + " opacity-100 sm:opacity-0 sm:group-hover:opacity-100 " + (open ? "sm:opacity-100" : ""),
+              "aria-label": t("courses.editor.editLesson") || "Edit lesson",
+              "aria-expanded": open,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PlayCircle, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: hasVideo ? t("courses.editor.videoSet") || "Video" : t("courses.editor.addVideo") || "Add video" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => onRequestDelete("lesson", lesson.id),
+              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-md text-muted-foreground/60 transition-colors hover:bg-destructive/10 hover:text-destructive sm:opacity-0 sm:group-hover:opacity-100",
+              "aria-label": t("courses.editor.deleteLesson") || "Remove lesson",
+              children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        open && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-3 border-t border-border/60 px-3 py-3 sm:pl-11", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("courses.editor.videoUrlLabel") || "Video URL" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                defaultValue: lesson.videoUrl,
+                placeholder: t("courses.editor.videoUrlPlaceholder") || "Paste the video link (YouTube, Vimeo\u2026)",
+                onBlur: (e) => {
+                  setVideoUrl(e.target.value);
+                  onPatchLesson(lesson.id, { videoUrl: e.target.value });
+                },
+                "aria-label": t("courses.editor.videoUrlLabel") || "Video URL"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "max-w-[160px] space-y-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("courses.editor.lessonDuration") || "Duration (min)" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Input,
+              {
+                type: "number",
+                min: 0,
+                inputMode: "numeric",
+                defaultValue: String(Math.round(lesson.durationSec / 60)),
+                onBlur: (e) => {
+                  const s = (Number(e.target.value) || 0) * 60;
+                  setDurationSec(s);
+                  onPatchLesson(lesson.id, { durationSec: s });
+                },
+                "aria-label": t("courses.editor.lessonDuration") || "Duration (min)"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function TitleField({ value, autoFocus, onAutoFocused, onCommit, placeholder, ariaLabel, className }) {
+  const ref = React3__namespace.useRef(null);
+  React3__namespace.useEffect(() => {
+    if (autoFocus && ref.current) {
+      ref.current.focus();
+      ref.current.select();
+      onAutoFocused?.();
+    }
+  }, [autoFocus]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      ref,
+      defaultValue: value,
+      placeholder,
+      "aria-label": ariaLabel,
+      onBlur: (e) => onCommit(e.target.value),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") e.currentTarget.blur();
+      },
+      className: "min-w-0 flex-1 rounded-md bg-transparent px-2 py-1.5 text-foreground outline-none transition-colors placeholder:text-muted-foreground/60 hover:bg-muted/60 focus:bg-background focus:ring-2 focus:ring-ring " + (className ?? "")
+    }
+  );
+}
+function Field({ label, hint, children }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1.5", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-sm font-medium text-foreground", children: label }),
+      hint && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: hint })
     ] }),
     children
   ] });
 }
-function StatCard({ label, value, hint }) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Card, { className: "p-5", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-2xl font-bold text-foreground", children: value }),
-    hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: hint })
-  ] });
+function Textarea(props) {
+  const { className, ...rest } = props;
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "textarea",
+    {
+      className: "flex min-h-[96px] w-full rounded-input border border-input bg-card px-2 py-1.5 text-sm text-foreground shadow-[inset_0_1px_0_rgb(0_0_0_/0.06)] placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 " + (className ?? ""),
+      ...rest
+    }
+  );
 }
-function StatGrid({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4", children });
+function AutosaveHint({ t }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { className: "h-3.5 w-3.5 text-success" }),
+    t("courses.editor.autosaved") || "Changes are saved automatically."
+  ] });
 }
-function SimpleTable({ columns, rows, empty, loading }) {
-  const cols = React2__namespace.useMemo(
-    () => columns.map((c) => ({
-      id: c.key,
-      header: () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: c.align === "right" ? "text-right" : "", children: c.header }),
-      cell: ({ row }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: c.align === "right" ? "text-right" : "", children: c.render(row.original) })
-    })),
-    [columns]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(ui.DataTable, { columns: cols, data: rows, emptyMessage: empty, loading });
+function EditorSkeleton() {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mx-auto max-w-4xl p-6 md:p-8", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "mb-4 h-4 w-28" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "mb-6 h-8 w-64" }),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "mb-6 h-10 w-full" }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-40 w-full rounded-xl" }),
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Skeleton, { className: "h-40 w-full rounded-xl" })
+    ] })
+  ] });
 }
 function statusVariant2(s) {
   if (s === "paid") return "success";
@@ -688,42 +1528,173 @@ function statusVariant2(s) {
   if (s === "refunded" || s === "chargeback") return "destructive";
   return "outline";
 }
+var salesCache = null;
 function SalesPage() {
   const t = core.useTranslation();
-  const [orders, setOrders] = React2__namespace.useState(null);
-  React2__namespace.useEffect(() => {
-    void courses.getCoursesProvider().listOrders().then(setOrders);
+  const [orders, setOrders] = React3__namespace.useState(salesCache);
+  React3__namespace.useEffect(() => {
+    if (salesCache) return;
+    let alive = true;
+    const p = courses.getCoursesProvider();
+    void Promise.all([
+      p.listCoreSales().catch(() => []),
+      p.listOrders().catch(() => [])
+    ]).then(([core, store]) => {
+      if (!alive) return;
+      const byId = /* @__PURE__ */ new Map();
+      for (const o of store) byId.set(o.id, o);
+      for (const o of core) byId.set(o.id, o);
+      const list = [...byId.values()].sort((a, b) => a.createdAt < b.createdAt ? 1 : -1);
+      salesCache = list;
+      setOrders(list);
+    });
+    return () => {
+      alive = false;
+    };
   }, []);
   const paid = (orders ?? []).filter((o) => o.financialStatus === "paid");
   const revenue = paid.reduce((s, o) => s + o.total, 0);
   const currency = orders?.[0]?.currency ?? "BRL";
   const columns = [
-    { key: "date", header: t("courses.sales.date") || "Date", render: (o) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: formatDate(o.createdAt) }) },
-    { key: "customer", header: t("courses.sales.customer") || "Customer", render: (o) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+    { key: "date", header: t("courses.sales.date") || "Data", render: (o) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: formatDate(o.createdAt) }) },
+    { key: "customer", header: t("courses.sales.customer") || "Cliente", render: (o) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-medium text-foreground", children: o.customerName ?? "\u2014" }),
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-muted-foreground", children: o.customerEmail })
     ] }) },
-    { key: "method", header: t("courses.sales.method") || "Method", render: (o) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "capitalize", children: o.paymentMethod ?? "\u2014" }) },
+    { key: "method", header: t("courses.sales.method") || "Forma", render: (o) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "capitalize", children: [
+      o.paymentMethod ?? "\u2014",
+      o.installmentCount && o.installmentCount > 1 ? ` \xB7 ${o.installmentCount}x` : ""
+    ] }) },
     { key: "status", header: t("courses.sales.status") || "Status", render: (o) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: statusVariant2(o.financialStatus), children: t(`courses.financialStatus.${o.financialStatus}`) || o.financialStatus }) },
-    { key: "fee", header: t("courses.sales.fee") || "Platform fee", align: "right", render: (o) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: formatMoney(o.platformFee, o.currency) }) },
-    { key: "total", header: t("courses.sales.amount") || "Amount", align: "right", render: (o) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: formatMoney(o.total, o.currency) }) }
+    { key: "fee", header: t("courses.sales.fee") || "Taxa", align: "right", render: (o) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-muted-foreground", children: formatMoney(o.platformFee, o.currency) }) },
+    { key: "total", header: t("courses.sales.amount") || "Valor", align: "right", render: (o) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: formatMoney(o.total, o.currency) }) }
   ];
-  return /* @__PURE__ */ jsxRuntime.jsxs(PageContainer, { title: t("courses.sales.title") || "Sales", subtitle: t("courses.sales.subtitle") || "Every transaction across your courses.", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(StatGrid, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(StatCard, { label: t("courses.sales.count") || "Sales", value: String(paid.length) }),
-      /* @__PURE__ */ jsxRuntime.jsx(StatCard, { label: t("courses.sales.revenue") || "Revenue", value: formatMoney(revenue, currency) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      SimpleTable,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    saas.OrderListView,
+    {
+      title: t("courses.sales.title") || "Vendas",
+      subtitle: t("courses.sales.subtitle") || "Todas as transa\xE7\xF5es dos seus cursos.",
+      stats: [
+        { label: t("courses.sales.count") || "Vendas", value: String(paid.length) },
+        { label: t("courses.sales.revenue") || "Receita", value: formatMoney(revenue, currency) }
+      ],
+      columns,
+      rows: orders ?? [],
+      loading: orders === null,
+      empty: t("courses.sales.empty") || "Nenhuma venda ainda.",
+      onRowClick: (o) => navigateTo(`/courses/sales/${o.id}`)
+    }
+  );
+}
+SalesPage.displayName = "SalesPage";
+var Page = ({ children }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mx-auto max-w-6xl p-6 md:p-8", children });
+var orderCache = /* @__PURE__ */ new Map();
+function statusTone(s) {
+  if (s === "paid") return "success";
+  if (s === "pending") return "warning";
+  if (s === "refunded" || s === "chargeback") return "destructive";
+  return "muted";
+}
+function instTone(s) {
+  if (s === "paid") return "success";
+  if (s === "overdue") return "destructive";
+  return "warning";
+}
+function CourseOrderDetailView({ id }) {
+  const t = core.useTranslation();
+  const [order, setOrder] = React3__namespace.useState(() => id ? orderCache.get(id) ?? null : null);
+  const [loading, setLoading] = React3__namespace.useState(() => !(id && orderCache.has(id)));
+  React3__namespace.useEffect(() => {
+    let alive = true;
+    if (!id) {
+      setLoading(false);
+      return;
+    }
+    const cached = orderCache.get(id);
+    if (cached) {
+      setOrder(cached);
+      setLoading(false);
+      return;
+    }
+    setLoading(true);
+    void courses.getCoursesProvider().getOrder(id).then((o) => {
+      if (!alive) return;
+      if (o) orderCache.set(id, o);
+      setOrder(o);
+      setLoading(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [id]);
+  const back = () => navigateTo("/courses/sales");
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx(Page, { children: /* @__PURE__ */ jsxRuntime.jsx(saas.OrderDetailSkeleton, {}) });
+  if (!order) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Page, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      EmptyState,
       {
-        columns,
-        rows: orders ?? [],
-        empty: t("courses.sales.empty") || "No sales yet."
+        title: t("courses.order.notFound") || "Pedido n\xE3o encontrado",
+        description: "",
+        action: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "text-sm text-primary underline", onClick: back, children: t("common.back") || "Voltar" })
       }
-    )
-  ] });
+    ) });
+  }
+  const cur = order.currency;
+  const installments = order.installments.map((m) => ({
+    number: m.installmentNumber,
+    amount: formatMoney(m.amount, cur),
+    status: m.status,
+    statusTone: instTone(m.status),
+    dueDate: m.dueDate ? formatDate(m.dueDate) : null,
+    paymentDate: m.paymentDate ? formatDate(m.paymentDate) : null,
+    note: m.cardBrand ? `${m.cardBrand}${m.cardInstallments ? ` ${m.cardInstallments}x` : ""}` : null
+  }));
+  const data = {
+    title: `${t("courses.order.title") || "Pedido"} #${order.id.slice(0, 8)}`,
+    subtitle: formatDate(order.createdAt),
+    badges: [
+      { label: t(`courses.financialStatus.${order.financialStatus}`) || order.financialStatus, tone: statusTone(order.financialStatus) },
+      ...order.installmentCount && order.installmentCount > 1 ? [{ label: `${order.installmentCount}x`, tone: "muted" }] : []
+    ],
+    customer: { name: order.customerName, email: order.customerEmail },
+    customerNode: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 text-sm", children: [
+      order.customerId ? /* @__PURE__ */ jsxRuntime.jsx(
+        saas.PersonLink,
+        {
+          personId: order.customerId,
+          name: order.customerName ?? order.customerEmail ?? "Cliente",
+          className: "font-medium"
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-medium", children: order.customerName ?? "\u2014" }),
+      order.customerEmail && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground", children: order.customerEmail })
+    ] }),
+    items: [{
+      name: order.courseTitle ?? "\u2014",
+      description: order.offerName,
+      quantity: 1,
+      unitPrice: formatMoney(order.total, cur),
+      total: formatMoney(order.total, cur)
+    }],
+    totals: [
+      { label: "Total", value: formatMoney(order.total, cur), strong: true },
+      ...order.platformFee > 0 ? [{ label: "Taxa", value: `\u2212 ${formatMoney(order.platformFee, cur)}`, muted: true }] : [],
+      { label: "L\xEDquido", value: formatMoney(order.netValue, cur) }
+    ],
+    paymentMethod: order.paymentMethod ?? void 0,
+    receivable: {
+      rows: [
+        { label: "Recebido", value: formatMoney(order.paidAmount, cur) },
+        { label: "Saldo", value: formatMoney(order.balance, cur), strong: order.balance > 0 }
+      ],
+      installments,
+      emptyLabel: t("courses.order.noInstallments") || "Sem parcelas."
+    },
+    onBack: back,
+    backLabel: t("courses.sales.title") || "Vendas"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(Page, { children: /* @__PURE__ */ jsxRuntime.jsx(saas.OrderDetailView, { ...data }) });
 }
-SalesPage.displayName = "SalesPage";
+CourseOrderDetailView.displayName = "CourseOrderDetailView";
 function statusVariant3(s) {
   if (s === "active") return "success";
   if (s === "past_due") return "secondary";
@@ -731,8 +1702,8 @@ function statusVariant3(s) {
 }
 function SubscriptionsPage() {
   const t = core.useTranslation();
-  const [subs, setSubs] = React2__namespace.useState(null);
-  React2__namespace.useEffect(() => {
+  const [subs, setSubs] = React3__namespace.useState(null);
+  React3__namespace.useEffect(() => {
     void courses.getCoursesProvider().listSubscriptions().then(setSubs);
   }, []);
   const active = (subs ?? []).filter((s) => s.status === "active");
@@ -771,10 +1742,10 @@ function SubscriptionsPage() {
 SubscriptionsPage.displayName = "SubscriptionsPage";
 function FinancialPage() {
   const t = core.useTranslation();
-  const [summary, setSummary] = React2__namespace.useState(null);
-  const [payouts, setPayouts] = React2__namespace.useState(null);
-  const [account, setAccount] = React2__namespace.useState(null);
-  React2__namespace.useEffect(() => {
+  const [summary, setSummary] = React3__namespace.useState(null);
+  const [payouts, setPayouts] = React3__namespace.useState(null);
+  const [account, setAccount] = React3__namespace.useState(null);
+  React3__namespace.useEffect(() => {
     const p = courses.getCoursesProvider();
     void p.getFinancialSummary().then(setSummary);
     void p.listPayouts().then(setPayouts);
@@ -829,8 +1800,8 @@ function FinancialPage() {
 FinancialPage.displayName = "FinancialPage";
 function ReportsPage() {
   const t = core.useTranslation();
-  const [rows, setRows] = React2__namespace.useState(null);
-  React2__namespace.useEffect(() => {
+  const [rows, setRows] = React3__namespace.useState(null);
+  React3__namespace.useEffect(() => {
     const p = courses.getCoursesProvider();
     void Promise.all([p.listCourses(), p.listOrders({ financialStatus: "paid" })]).then(([courses, orders]) => {
       setRows(buildRevenueByCourse(courses, orders));
@@ -867,48 +1838,10 @@ function buildRevenueByCourse(courses, orders) {
     return { courseId: c.id, title: c.title, sales: agg?.sales ?? 0, revenue: agg?.revenue ?? 0, currency: agg?.currency ?? c.currency };
   }).sort((a, b) => b.revenue - a.revenue);
 }
-function MembersAreaPage() {
-  const t = core.useTranslation();
-  const [rows, setRows] = React2__namespace.useState(null);
-  React2__namespace.useEffect(() => {
-    const p = courses.getCoursesProvider();
-    void Promise.all([p.listCourses(), p.listOrders({ financialStatus: "paid" })]).then(([courses, orders]) => {
-      setRows(buildMembersAreas(courses, orders));
-    });
-  }, []);
-  const columns = [
-    { key: "title", header: t("courses.membersArea.name") || "Members area", render: (r) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "font-medium text-foreground", children: r.title }) },
-    { key: "status", header: t("courses.membersArea.status") || "Status", render: (r) => /* @__PURE__ */ jsxRuntime.jsx(ui.Badge, { variant: r.status === "published" ? "success" : r.status === "archived" ? "outline" : "secondary", children: t(`courses.status.${r.status}`) || r.status }) },
-    { key: "students", header: t("courses.membersArea.students") || "Students", align: "right", render: (r) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-foreground", children: r.students }) }
-  ];
-  return /* @__PURE__ */ jsxRuntime.jsx(PageContainer, { title: t("courses.membersArea.title") || "Members area", subtitle: t("courses.membersArea.subtitle") || "One area per course; students land here after purchase.", children: /* @__PURE__ */ jsxRuntime.jsx(
-    SimpleTable,
-    {
-      columns,
-      rows: rows ?? [],
-      empty: t("courses.membersArea.empty") || "No members areas yet."
-    }
-  ) });
-}
-MembersAreaPage.displayName = "MembersAreaPage";
-function buildMembersAreas(courses, orders) {
-  const students = /* @__PURE__ */ new Map();
-  for (const o of orders) {
-    const set = students.get(o.courseId) ?? /* @__PURE__ */ new Set();
-    if (o.customerId) set.add(o.customerId);
-    students.set(o.courseId, set);
-  }
-  return courses.map((c) => ({
-    courseId: c.id,
-    title: c.title,
-    status: c.status,
-    students: students.get(c.id)?.size ?? 0
-  }));
-}
 function CoursesGeneralSettings() {
   const t = core.useTranslation();
-  const [currency, setCurrency] = React2__namespace.useState("BRL");
-  const [methods, setMethods] = React2__namespace.useState({ card: true, pix: true, boleto: true });
+  const [currency, setCurrency] = React3__namespace.useState("BRL");
+  const [methods, setMethods] = React3__namespace.useState({ card: true, pix: true, boleto: true });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-6", children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       saas.SettingsGroup,
@@ -953,8 +1886,8 @@ function CoursesSettingsTab() {
 }
 CoursesSettingsTab.displayName = "CoursesSettingsTab";
 function useSummary() {
-  const [summary, setSummary] = React2__namespace.useState(null);
-  React2__namespace.useEffect(() => {
+  const [summary, setSummary] = React3__namespace.useState(null);
+  React3__namespace.useEffect(() => {
     void courses.getCoursesProvider().getFinancialSummary().then(setSummary);
   }, []);
   return summary;
@@ -1030,7 +1963,9 @@ function createCoursesPlugin(options) {
   const labels = options?.labels ?? {};
   const navigation = [
     { section, position: base, label: options?.navLabel ?? "Courses", route: "/courses", icon: "BookOpen", permission: read("courses") },
-    ...modules.membersArea ? [{ section, position: base + 1, label: labels.membersArea ?? "Members area", route: "/courses/members", icon: "GraduationCap", permission: read("courses") }] : [],
+    // The members area is no longer a standalone nav entry — it lives inside each
+    // course's record (CourseEditorPage → "Alunos" tab). modules.membersArea is
+    // kept accepted-but-inert for backward compat with existing manifests.
     ...modules.sales ? [{ section, position: base + 2, label: labels.sales ?? "Sales", route: "/courses/sales", icon: "TrendingUp", permission: read("courses.sales") }] : [],
     ...modules.subscriptions ? [{ section, position: base + 3, label: labels.subscriptions ?? "Subscriptions", route: "/courses/subscriptions", icon: "Repeat", permission: read("courses.sales") }] : [],
     ...modules.financial ? [{ section, position: base + 4, label: labels.financial ?? "Financial", route: "/courses/financial", icon: "CreditCard", permission: read("courses.finance") }] : [],
@@ -1040,8 +1975,9 @@ function createCoursesPlugin(options) {
     // Static segments outscore the `:id` param in the saas router, so these
     // resolve before the editor route (AdminShell sorts by routeScore).
     { path: "/courses", component: asComp(CoursesListPage), permission: read("courses") },
-    ...modules.membersArea ? [{ path: "/courses/members", component: asComp(MembersAreaPage), permission: read("courses") }] : [],
     ...modules.sales ? [{ path: "/courses/sales", component: asComp(SalesPage), permission: read("courses.sales") }] : [],
+    // Order detail — static `/courses/sales/:id` outscores `/courses/:id`.
+    ...modules.sales ? [{ path: "/courses/sales/:id", component: asComp(CourseOrderDetailView), permission: read("courses.sales") }] : [],
     ...modules.subscriptions ? [{ path: "/courses/subscriptions", component: asComp(SubscriptionsPage), permission: read("courses.sales") }] : [],
     ...modules.financial ? [{ path: "/courses/financial", component: asComp(FinancialPage), permission: read("courses.finance") }] : [],
     ...modules.reports ? [{ path: "/courses/reports", component: asComp(ReportsPage), permission: read("courses.sales") }] : [],