@fayz-ai/plugin-courses 0.9.0 → 0.9.1

package/dist/index.js

@@ -1,10 +1,10 @@
+import * as React3 from 'react';
 import { hashRouterAdapter, registerPluginFactory, registerTranslations, useTranslation, getSupabaseClientOptional } from '@fayz-ai/core';
 import { setCoursesTenantResolver, getCoursesProviderOptional, setCoursesProvider, createMockCoursesProvider, getCoursesProvider } from '@fayz-ai/courses';
-import { useOrganizationStore, useLimitGuard, usePermissionOptional, PermissionGate, OrderListView, OrderDetailSkeleton, PersonLink, OrderDetailView, invalidateLimit, PluginSettingsPanel, SettingsGroup, SelectRow, ToggleRow } from '@fayz-ai/saas';
-import * as React3 from 'react';
-import { defineKpiWidget, useModuleLayout, PageHeaderActions, Button, Badge, useSaveBar, toast, Tabs, TabsList, TabsTrigger, TabsContent, Input, SegmentedControl, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Checkbox, ConfirmDialog, KpiCard, Skeleton, Card, DataTable } from '@fayz-ai/ui';
+import { useOrganizationStore, useLimitGuard, usePermissionOptional, PermissionGate, OrderListView, OrderDetailSkeleton, PersonLink, OrderDetailView, invalidateLimit, PluginSettingsPanel, SettingsGroup, SelectRow, ToggleRow } from '@fayz-ai/admin';
+import { defineKpiWidget, useModuleLayout, PageHeaderActions, Button, Badge, useSaveBar, PageHeader, toast, Separator, Tabs, TabsList, TabsTrigger, TabsContent, Input, SegmentedControl, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Checkbox, ConfirmDialog, KpiCard, Skeleton, HeaderTabs, Card, DataTable } from '@fayz-ai/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { ArrowLeft, Users, ShoppingCart, Layers, Tag, ImagePlus, Loader2, UploadCloud, Info, Plus, Trash2, Clock, Lock, Check, GripVertical, ChevronDown, Video, FileText, PlayCircle } from 'lucide-react';
+import { ImagePlus, Users, ShoppingCart, Layers, Tag, Loader2, UploadCloud, Info, Plus, Trash2, Clock, Lock, Check, GripVertical, ChevronDown, Video, FileText, PlayCircle } from 'lucide-react';
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, arrayMove, useSortable } from '@dnd-kit/sortable';
 import { CSS } from '@dnd-kit/utilities';
@@ -23,7 +23,6 @@ var en = {
   "courses.status.draft": "Draft",
   "courses.status.published": "Published",
   "courses.status.archived": "Archived",
-  "courses.editor.back": "Back to courses",
   "courses.editor.details": "Details",
   "courses.editor.curriculum": "Curriculum",
   "courses.editor.fieldTitle": "Title",
@@ -135,6 +134,9 @@ var en = {
   "courses.offers.checkoutFlagsNote": "Apply once the public checkout ships (coming soon).",
   // Sales
   "courses.sales.title": "Sales",
+  "courses.order.title": "Order",
+  "courses.order.notFound": "Order not found",
+  "courses.order.noInstallments": "No installments.",
   "courses.sales.subtitle": "Every transaction across your courses.",
   "courses.sales.date": "Date",
   "courses.sales.customer": "Customer",
@@ -228,7 +230,6 @@ var ptBR = {
   "courses.status.draft": "Rascunho",
   "courses.status.published": "Publicado",
   "courses.status.archived": "Arquivado",
-  "courses.editor.back": "Voltar aos cursos",
   "courses.editor.details": "Detalhes",
   "courses.editor.curriculum": "Conte\xFAdo",
   "courses.editor.fieldTitle": "T\xEDtulo",
@@ -340,6 +341,9 @@ var ptBR = {
   "courses.offers.checkoutFlagsNote": "Aplicam-se quando o checkout p\xFAblico entrar no ar (em breve).",
   // Sales
   "courses.sales.title": "Vendas",
+  "courses.order.title": "Pedido",
+  "courses.order.notFound": "Pedido n\xE3o encontrado",
+  "courses.order.noInstallments": "Sem parcelas.",
   "courses.sales.subtitle": "Todas as transa\xE7\xF5es dos seus cursos.",
   "courses.sales.date": "Data",
   "courses.sales.customer": "Cliente",
@@ -530,9 +534,24 @@ function formatDate(iso) {
 function formatPercent(fraction, digits = 0) {
   return `${(fraction * 100).toFixed(digits)}%`;
 }
-function PageContainer({ title, subtitle, actions, children }) {
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-6xl p-6 md:p-8", children: [
-    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-start justify-between gap-4", children: [
+function PageContainer({ title, subtitle, actions, navTabs, activeNavTab, onNavTabChange, children }) {
+  return /* @__PURE__ */ jsxs("div", { children: [
+    navTabs && navTabs.length > 0 ? (
+      // Mesma linha de CrudListView/OrderListView: abas à esquerda, ações à
+      // direita. Com abas o <h1> sai: a aba ativa já nomeia a tela, e a barra
+      // de topo nomeia o grupo.
+      /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center justify-between gap-3", children: [
+        /* @__PURE__ */ jsx(
+          HeaderTabs,
+          {
+            tabs: navTabs,
+            value: activeNavTab ?? navTabs[0].value,
+            onChange: (v) => onNavTabChange?.(v)
+          }
+        ),
+        actions
+      ] })
+    ) : /* @__PURE__ */ jsxs("div", { className: "mb-6 flex items-start justify-between gap-4", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-foreground", children: title }),
         subtitle && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: subtitle })
@@ -684,7 +703,18 @@ function CourseEditorPage({ id }) {
     },
     saveLabel: t("courses.editor.save") || "Salvar"
   });
-  if (loading || !course) return /* @__PURE__ */ jsx(EditorSkeleton, {});
+  const header = /* @__PURE__ */ jsx(
+    PageHeader,
+    {
+      title: course?.title ?? "",
+      parentLabel: t("courses.title") || "Courses",
+      onBack: () => navigateTo("/courses")
+    }
+  );
+  if (loading || !course) return /* @__PURE__ */ jsxs(Fragment, { children: [
+    header,
+    /* @__PURE__ */ jsx(EditorSkeleton, {})
+  ] });
   function patchCourse(patch) {
     setCourse((c) => c ? { ...c, ...patch } : c);
   }
@@ -844,245 +874,246 @@ function CourseEditorPage({ id }) {
     value: d,
     label: t(`courses.editor.delivery.${d}`) || d
   }));
-  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl p-6 md:p-8", children: [
-    /* @__PURE__ */ jsxs(
-      "button",
-      {
-        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__ */ jsx(ArrowLeft, { className: "h-4 w-4" }),
-          " ",
-          t("courses.editor.back") || "Back to courses"
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "mb-6 flex flex-wrap items-center gap-x-3 gap-y-2", children: [
-      /* @__PURE__ */ jsx("h1", { className: "text-2xl font-bold text-foreground", children: course.title || (t("courses.editor.untitledCourse") || "Untitled course") }),
-      /* @__PURE__ */ jsx(Badge, { variant: course.status === "published" ? "success" : course.status === "archived" ? "secondary" : "outline", children: t(`courses.status.${course.status}`) || course.status }),
-      /* @__PURE__ */ jsx(Badge, { variant: "outline", children: t(`courses.editor.delivery.${course.deliveryType}`) || course.deliveryType })
-    ] }),
-    /* @__PURE__ */ jsxs(Tabs, { value: tab, onValueChange: (v) => setTab(v), children: [
-      /* @__PURE__ */ jsx("div", { className: "-mx-1 mb-6 overflow-x-auto px-1 pb-1", children: /* @__PURE__ */ jsx(TabsList, { className: "h-auto flex-nowrap", children: TABS.map((tk) => {
-        const Icon = TAB_ICON[tk];
-        return /* @__PURE__ */ jsxs(TabsTrigger, { value: tk, className: "gap-1.5 whitespace-nowrap py-1.5", children: [
-          /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
-          t(`courses.editor.tab.${tk}`) || tk
-        ] }, tk);
-      }) }) }),
-      /* @__PURE__ */ jsxs(TabsContent, { value: "details", className: "space-y-5", children: [
-        /* @__PURE__ */ jsx(SectionCard, { title: t("courses.editor.sectionBasics") || "Basics", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldTitle") || "Title", children: /* @__PURE__ */ jsx(Input, { value: course.title, onChange: (e) => patchCourse({ title: e.target.value }) }) }),
-          /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldSubtitle") || "Subtitle", children: /* @__PURE__ */ jsx(Input, { value: course.subtitle ?? "", onChange: (e) => patchCourse({ subtitle: e.target.value }) }) }),
-          /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldDescription") || "Description", children: /* @__PURE__ */ jsx(
-            Textarea,
-            {
-              value: course.description ?? "",
-              onChange: (e) => patchCourse({ description: e.target.value }),
-              placeholder: t("courses.editor.descriptionPlaceholder") || "What will students learn?"
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldDelivery") || "Format", hint: t("courses.editor.deliveryHint") || "How this course is delivered.", children: /* @__PURE__ */ jsx(
-            SegmentedControl,
-            {
-              size: "md",
-              options: deliveryOptions,
-              value: course.deliveryType,
-              onChange: (v) => patchCourse({ deliveryType: v }),
-              "aria-label": t("courses.editor.fieldDelivery") || "Format"
-            }
-          ) })
-        ] }) }),
-        /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-start", children: [
-          /* @__PURE__ */ 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__ */ jsx("img", { src: course.thumbnailUrl, alt: "", className: "h-full w-full object-cover" })
-          ) : /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center gap-1 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx(ImagePlus, { className: "h-6 w-6" }),
-            /* @__PURE__ */ jsx("span", { className: "text-xs", children: t("courses.editor.thumbnailEmpty") || "No image" })
+  return (
+    // Sem padding e sem max-width próprios: a shell já envolve toda página em
+    // `p-3 md:p-6` (AdminShell). Reaplicar `p-6 md:p-8` aqui empurrava o editor
+    // 32px à direita do título na barra de topo e de todas as outras telas, e o
+    // `mx-auto max-w-4xl` ainda o centralizava enquanto a barra ficava à esquerda.
+    /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-5", children: [
+        /* @__PURE__ */ jsx("div", { className: "aspect-video w-36 shrink-0 overflow-hidden rounded-2xl border border-border bg-muted shadow-sm", children: course.thumbnailUrl ? (
+          // eslint-disable-next-line @next/next/no-img-element
+          /* @__PURE__ */ jsx("img", { src: course.thumbnailUrl, alt: "", className: "h-full w-full object-cover" })
+        ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center text-muted-foreground", children: /* @__PURE__ */ jsx(ImagePlus, { className: "h-6 w-6" }) }) }),
+        /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-2", children: [
+          /* @__PURE__ */ jsx("h1", { className: "truncate text-2xl font-bold text-foreground", children: course.title || (t("courses.editor.untitledCourse") || "Untitled course") }),
+          /* @__PURE__ */ jsx(Badge, { variant: course.status === "published" ? "success" : course.status === "archived" ? "secondary" : "outline", children: t(`courses.status.${course.status}`) || course.status }),
+          /* @__PURE__ */ jsx(Badge, { variant: "outline", children: t(`courses.editor.delivery.${course.deliveryType}`) || course.deliveryType })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(Separator, {}),
+      /* @__PURE__ */ jsxs(Tabs, { value: tab, onValueChange: (v) => setTab(v), children: [
+        /* @__PURE__ */ jsx(TabsList, { className: "max-w-full justify-start overflow-x-auto scrollbar-none", children: TABS.map((tk) => {
+          const Icon = TAB_ICON[tk];
+          return /* @__PURE__ */ jsxs(TabsTrigger, { value: tk, className: "gap-1.5", children: [
+            /* @__PURE__ */ jsx(Icon, { className: "h-3.5 w-3.5" }),
+            t(`courses.editor.tab.${tk}`) || tk
+          ] }, tk);
+        }) }),
+        /* @__PURE__ */ jsxs(TabsContent, { value: "details", className: "mt-4 space-y-5", children: [
+          /* @__PURE__ */ jsx(SectionCard, { title: t("courses.editor.sectionBasics") || "Basics", children: /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldTitle") || "Title", children: /* @__PURE__ */ jsx(Input, { value: course.title, onChange: (e) => patchCourse({ title: e.target.value }) }) }),
+            /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldSubtitle") || "Subtitle", children: /* @__PURE__ */ jsx(Input, { value: course.subtitle ?? "", onChange: (e) => patchCourse({ subtitle: e.target.value }) }) }),
+            /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldDescription") || "Description", children: /* @__PURE__ */ jsx(
+              Textarea,
+              {
+                value: course.description ?? "",
+                onChange: (e) => patchCourse({ description: e.target.value }),
+                placeholder: t("courses.editor.descriptionPlaceholder") || "What will students learn?"
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldDelivery") || "Format", hint: t("courses.editor.deliveryHint") || "How this course is delivered.", children: /* @__PURE__ */ jsx(
+              SegmentedControl,
+              {
+                size: "md",
+                options: deliveryOptions,
+                value: course.deliveryType,
+                onChange: (v) => patchCourse({ deliveryType: v }),
+                "aria-label": t("courses.editor.fieldDelivery") || "Format"
+              }
+            ) })
           ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-3", children: [
-            /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: "image/*", className: "hidden", onChange: onPickThumbnail }),
-            /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", disabled: uploading, onClick: () => fileRef.current?.click(), children: [
-              uploading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(UploadCloud, { className: "h-4 w-4" }),
-              uploading ? t("courses.editor.uploading") || "Uploading\u2026" : t("courses.editor.thumbnailUpload") || "Upload image"
-            ] }),
-            /* @__PURE__ */ jsx(Field, { label: t("courses.editor.thumbnailUrl") || "Or paste an image URL", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col gap-4 sm:flex-row sm:items-start", children: [
+            /* @__PURE__ */ 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__ */ jsx("img", { src: course.thumbnailUrl, alt: "", className: "h-full w-full object-cover" })
+            ) : /* @__PURE__ */ jsxs("div", { className: "flex h-full w-full flex-col items-center justify-center gap-1 text-muted-foreground", children: [
+              /* @__PURE__ */ jsx(ImagePlus, { className: "h-6 w-6" }),
+              /* @__PURE__ */ jsx("span", { className: "text-xs", children: t("courses.editor.thumbnailEmpty") || "No image" })
+            ] }) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-3", children: [
+              /* @__PURE__ */ jsx("input", { ref: fileRef, type: "file", accept: "image/*", className: "hidden", onChange: onPickThumbnail }),
+              /* @__PURE__ */ jsxs(Button, { variant: "outline", size: "sm", disabled: uploading, onClick: () => fileRef.current?.click(), children: [
+                uploading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(UploadCloud, { className: "h-4 w-4" }),
+                uploading ? t("courses.editor.uploading") || "Uploading\u2026" : t("courses.editor.thumbnailUpload") || "Upload image"
+              ] }),
+              /* @__PURE__ */ jsx(Field, { label: t("courses.editor.thumbnailUrl") || "Or paste an image URL", children: /* @__PURE__ */ jsx(
+                Input,
+                {
+                  value: course.thumbnailUrl ?? "",
+                  placeholder: "https://\u2026",
+                  onChange: (e) => patchCourse({ thumbnailUrl: e.target.value || null })
+                }
+              ) })
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsx(SectionCard, { title: t("courses.editor.sectionPricing") || "Pricing & status", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
+            /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldPrice") || "Price", hint: course.currency, children: /* @__PURE__ */ jsx(
               Input,
               {
-                value: course.thumbnailUrl ?? "",
-                placeholder: "https://\u2026",
-                onChange: (e) => patchCourse({ thumbnailUrl: e.target.value || null })
+                type: "number",
+                min: 0,
+                step: "0.01",
+                inputMode: "decimal",
+                value: String(course.price),
+                onChange: (e) => patchCourse({ price: Number(e.target.value) || 0 })
               }
-            ) })
-          ] })
-        ] }) }),
-        /* @__PURE__ */ jsx(SectionCard, { title: t("courses.editor.sectionPricing") || "Pricing & status", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [
-          /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldPrice") || "Price", hint: course.currency, children: /* @__PURE__ */ jsx(
-            Input,
-            {
-              type: "number",
-              min: 0,
-              step: "0.01",
-              inputMode: "decimal",
-              value: String(course.price),
-              onChange: (e) => patchCourse({ price: Number(e.target.value) || 0 })
-            }
-          ) }),
-          /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldStatus") || "Status", children: /* @__PURE__ */ jsxs(Select, { value: course.status, onValueChange: (v) => patchCourse({ status: v }), children: [
-            /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-            /* @__PURE__ */ jsx(SelectContent, { children: STATUSES.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s, children: t(`courses.status.${s}`) || s }, s)) })
+            ) }),
+            /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldStatus") || "Status", children: /* @__PURE__ */ jsxs(Select, { value: course.status, onValueChange: (v) => patchCourse({ status: v }), children: [
+              /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+              /* @__PURE__ */ jsx(SelectContent, { children: STATUSES.map((s) => /* @__PURE__ */ jsx(SelectItem, { value: s, children: t(`courses.status.${s}`) || s }, s)) })
+            ] }) })
           ] }) })
-        ] }) })
-      ] }),
-      /* @__PURE__ */ jsx(TabsContent, { value: "curriculum", className: "space-y-4", children: /* @__PURE__ */ jsx(
-        CurriculumBuilder,
-        {
-          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__ */ jsxs(TabsContent, { value: "offers", className: "space-y-4", children: [
-        /* @__PURE__ */ jsx(InfoNote, { icon: /* @__PURE__ */ jsx(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__ */ jsx(
-          EmptyState,
+        ] }),
+        /* @__PURE__ */ jsx(TabsContent, { value: "curriculum", className: "mt-4 space-y-4", children: /* @__PURE__ */ jsx(
+          CurriculumBuilder,
           {
-            icon: /* @__PURE__ */ jsx(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__ */ jsxs(Button, { onClick: addOffer, children: [
-              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-              t("courses.offers.firstOffer") || "Create first offer"
-            ] })
+            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__ */ jsxs(Fragment, { children: [
-          offers.map((offer) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-card p-4 shadow-sm md:p-5", children: [
-            /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-start justify-between gap-3", children: [
-              /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "gap-1", children: offer.kind === "subscription" ? t("courses.offers.subscription") || "Subscription" : t("courses.offers.oneTime") || "One-time" }),
-              /* @__PURE__ */ 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__ */ jsx(Trash2, { className: "h-4 w-4" })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[1fr_140px_160px]", children: [
-              /* @__PURE__ */ jsx(Field, { label: t("courses.offers.name") || "Offer name", children: /* @__PURE__ */ jsx(Input, { defaultValue: offer.name, onBlur: (e) => patchOffer(offer.id, { name: e.target.value }) }) }),
-              /* @__PURE__ */ jsx(Field, { label: t("courses.offers.price") || "Price", hint: offer.currency, children: /* @__PURE__ */ jsx(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__ */ jsx(Field, { label: t("courses.offers.kind") || "Type", children: /* @__PURE__ */ jsxs(
+        ) }),
+        /* @__PURE__ */ jsxs(TabsContent, { value: "offers", className: "mt-4 space-y-4", children: [
+          /* @__PURE__ */ jsx(InfoNote, { icon: /* @__PURE__ */ jsx(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__ */ jsx(
+            EmptyState,
+            {
+              icon: /* @__PURE__ */ jsx(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__ */ jsxs(Button, { onClick: addOffer, children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+                t("courses.offers.firstOffer") || "Create first offer"
+              ] })
+            }
+          ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            offers.map((offer) => /* @__PURE__ */ jsxs("div", { className: "rounded-xl border border-border bg-card p-4 shadow-sm md:p-5", children: [
+              /* @__PURE__ */ jsxs("div", { className: "mb-4 flex items-start justify-between gap-3", children: [
+                /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "gap-1", children: offer.kind === "subscription" ? t("courses.offers.subscription") || "Subscription" : t("courses.offers.oneTime") || "One-time" }),
+                /* @__PURE__ */ 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__ */ jsx(Trash2, { className: "h-4 w-4" })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-3 sm:grid-cols-[1fr_140px_160px]", children: [
+                /* @__PURE__ */ jsx(Field, { label: t("courses.offers.name") || "Offer name", children: /* @__PURE__ */ jsx(Input, { defaultValue: offer.name, onBlur: (e) => patchOffer(offer.id, { name: e.target.value }) }) }),
+                /* @__PURE__ */ jsx(Field, { label: t("courses.offers.price") || "Price", hint: offer.currency, children: /* @__PURE__ */ jsx(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__ */ jsx(Field, { label: t("courses.offers.kind") || "Type", children: /* @__PURE__ */ jsxs(
+                  Select,
+                  {
+                    value: offer.kind,
+                    onValueChange: (v) => patchOffer(offer.id, { kind: v, recurringInterval: v === "subscription" ? offer.recurringInterval ?? "month" : null }),
+                    children: [
+                      /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                      /* @__PURE__ */ jsxs(SelectContent, { children: [
+                        /* @__PURE__ */ jsx(SelectItem, { value: "one_time", children: t("courses.offers.oneTime") || "One-time" }),
+                        /* @__PURE__ */ jsx(SelectItem, { value: "subscription", children: t("courses.offers.subscription") || "Subscription" })
+                      ] })
+                    ]
+                  }
+                ) })
+              ] }),
+              offer.kind === "subscription" && /* @__PURE__ */ jsx("div", { className: "mt-3 max-w-[200px]", children: /* @__PURE__ */ jsx(Field, { label: t("courses.offers.interval") || "Billing interval", children: /* @__PURE__ */ jsxs(
                 Select,
                 {
-                  value: offer.kind,
-                  onValueChange: (v) => patchOffer(offer.id, { kind: v, recurringInterval: v === "subscription" ? offer.recurringInterval ?? "month" : null }),
+                  value: offer.recurringInterval ?? "month",
+                  onValueChange: (v) => patchOffer(offer.id, { recurringInterval: v }),
                   children: [
                     /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
                     /* @__PURE__ */ jsxs(SelectContent, { children: [
-                      /* @__PURE__ */ jsx(SelectItem, { value: "one_time", children: t("courses.offers.oneTime") || "One-time" }),
-                      /* @__PURE__ */ jsx(SelectItem, { value: "subscription", children: t("courses.offers.subscription") || "Subscription" })
+                      /* @__PURE__ */ jsx(SelectItem, { value: "month", children: t("courses.interval.month") || "month" }),
+                      /* @__PURE__ */ jsx(SelectItem, { value: "year", children: t("courses.interval.year") || "year" })
                     ] })
                   ]
                 }
-              ) })
-            ] }),
-            offer.kind === "subscription" && /* @__PURE__ */ jsx("div", { className: "mt-3 max-w-[200px]", children: /* @__PURE__ */ jsx(Field, { label: t("courses.offers.interval") || "Billing interval", children: /* @__PURE__ */ jsxs(
-              Select,
-              {
-                value: offer.recurringInterval ?? "month",
-                onValueChange: (v) => patchOffer(offer.id, { recurringInterval: v }),
-                children: [
-                  /* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-                  /* @__PURE__ */ jsxs(SelectContent, { children: [
-                    /* @__PURE__ */ jsx(SelectItem, { value: "month", children: t("courses.interval.month") || "month" }),
-                    /* @__PURE__ */ jsx(SelectItem, { value: "year", children: t("courses.interval.year") || "year" })
-                  ] })
-                ]
-              }
-            ) }) }),
-            /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-lg border border-dashed border-border bg-muted/30 p-3", children: [
-              /* @__PURE__ */ jsxs("p", { className: "mb-2.5 flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-                /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5" }),
-                t("courses.offers.checkoutFlagsNote") || "Apply once the public checkout ships (coming soon)."
-              ] }),
-              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-2", children: [
-                /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-muted-foreground", children: [
-                  /* @__PURE__ */ jsx(Checkbox, { checked: offer.isDefault, onChange: (v) => patchOffer(offer.id, { isDefault: v }) }),
-                  t("courses.offers.default") || "Default"
+              ) }) }),
+              /* @__PURE__ */ jsxs("div", { className: "mt-4 rounded-lg border border-dashed border-border bg-muted/30 p-3", children: [
+                /* @__PURE__ */ jsxs("p", { className: "mb-2.5 flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+                  /* @__PURE__ */ jsx(Clock, { className: "h-3.5 w-3.5" }),
+                  t("courses.offers.checkoutFlagsNote") || "Apply once the public checkout ships (coming soon)."
                 ] }),
-                /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-muted-foreground", children: [
-                  /* @__PURE__ */ jsx(Checkbox, { checked: offer.isOrderBump, onChange: (v) => patchOffer(offer.id, { isOrderBump: v }) }),
-                  t("courses.offers.bump") || "Order bump"
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-5 gap-y-2", children: [
+                  /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx(Checkbox, { checked: offer.isDefault, onChange: (v) => patchOffer(offer.id, { isDefault: v }) }),
+                    t("courses.offers.default") || "Default"
+                  ] }),
+                  /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-muted-foreground", children: [
+                    /* @__PURE__ */ jsx(Checkbox, { checked: offer.isOrderBump, onChange: (v) => patchOffer(offer.id, { isOrderBump: v }) }),
+                    t("courses.offers.bump") || "Order bump"
+                  ] })
                 ] })
               ] })
+            ] }, offer.id)),
+            /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: addOffer, className: "w-full border-dashed", children: [
+              /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+              t("courses.offers.add") || "Add offer"
             ] })
-          ] }, offer.id)),
-          /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: addOffer, className: "w-full border-dashed", children: [
-            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
-            t("courses.offers.add") || "Add offer"
           ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(TabsContent, { value: "members", className: "space-y-4", children: [
-        /* @__PURE__ */ jsx(InfoNote, { icon: /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ 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__ */ jsx(
-            EmptyState,
-            {
-              icon: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-card", children: students.map((s) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
-            /* @__PURE__ */ 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__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
-              /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-foreground", children: s.name }),
-              s.email && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: s.email })
-            ] }),
-            s.since && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: new Date(s.since).toLocaleDateString() })
-          ] }, s.key)) })
         ] }),
-        offers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("courses.editor.accessUnlockedBy") || "Access is unlocked by" }),
-          /* @__PURE__ */ jsx("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-card", children: offers.map((offer) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
-            /* @__PURE__ */ 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__ */ jsx(Lock, { className: "h-4 w-4" }) }),
-            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: offer.name }),
-            /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: formatMoney(offer.price, offer.currency) })
-          ] }, offer.id)) })
+        /* @__PURE__ */ jsxs(TabsContent, { value: "members", className: "mt-4 space-y-4", children: [
+          /* @__PURE__ */ jsx(InfoNote, { icon: /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ 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__ */ jsx(
+              EmptyState,
+              {
+                icon: /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-card", children: students.map((s) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+              /* @__PURE__ */ 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__ */ jsxs("span", { className: "flex min-w-0 flex-1 flex-col", children: [
+                /* @__PURE__ */ jsx("span", { className: "truncate font-medium text-foreground", children: s.name }),
+                s.email && /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: s.email })
+              ] }),
+              s.since && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-xs tabular-nums text-muted-foreground", children: new Date(s.since).toLocaleDateString() })
+            ] }, s.key)) })
+          ] }),
+          offers.length > 0 && /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: t("courses.editor.accessUnlockedBy") || "Access is unlocked by" }),
+            /* @__PURE__ */ jsx("div", { className: "divide-y divide-border overflow-hidden rounded-xl border border-border bg-card", children: offers.map((offer) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 px-4 py-3", children: [
+              /* @__PURE__ */ 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__ */ jsx(Lock, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate font-medium text-foreground", children: offer.name }),
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: formatMoney(offer.price, offer.currency) })
+            ] }, offer.id)) })
+          ] })
         ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx(
-      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)
-      }
-    )
-  ] });
+      ] }),
+      /* @__PURE__ */ jsx(
+        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 formatDuration(sec, t) {
@@ -1507,9 +1538,10 @@ function statusVariant2(s) {
   return "outline";
 }
 var salesCache = null;
-function SalesPage() {
+function SalesPage({ navTabs, activeNavTab, ordersRoute = "/courses/sales" } = {}) {
   const t = useTranslation();
   const [orders, setOrders] = React3.useState(salesCache);
+  const tabs = navTabs?.();
   React3.useEffect(() => {
     if (salesCache) return;
     let alive = true;
@@ -1552,6 +1584,12 @@ function SalesPage() {
     {
       title: t("courses.sales.title") || "Vendas",
       subtitle: t("courses.sales.subtitle") || "Todas as transa\xE7\xF5es dos seus cursos.",
+      navTabs: tabs?.map((tb) => ({ value: tb.value, label: tb.label })),
+      activeNavTab,
+      onNavTabChange: (v) => {
+        const target = tabs?.find((tb) => tb.value === v);
+        if (target) navigateTo(target.route);
+      },
       stats: [
         { label: t("courses.sales.count") || "Vendas", value: String(paid.length) },
         { label: t("courses.sales.revenue") || "Receita", value: formatMoney(revenue, currency) }
@@ -1560,7 +1598,7 @@ function SalesPage() {
       rows: orders ?? [],
       loading: orders === null,
       empty: t("courses.sales.empty") || "Nenhuma venda ainda.",
-      onRowClick: (o) => navigateTo(`/courses/sales/${o.id}`)
+      onRowClick: (o) => navigateTo(`${ordersRoute}/${o.id}`)
     }
   );
 }
@@ -1578,7 +1616,7 @@ function instTone(s) {
   if (s === "overdue") return "destructive";
   return "warning";
 }
-function CourseOrderDetailView({ id }) {
+function CourseOrderDetailView({ id, ordersRoute = "/courses/sales" }) {
   const t = useTranslation();
   const [order, setOrder] = React3.useState(() => id ? orderCache.get(id) ?? null : null);
   const [loading, setLoading] = React3.useState(() => !(id && orderCache.has(id)));
@@ -1605,7 +1643,7 @@ function CourseOrderDetailView({ id }) {
       alive = false;
     };
   }, [id]);
-  const back = () => navigateTo("/courses/sales");
+  const back = () => navigateTo(ordersRoute);
   if (loading) return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(OrderDetailSkeleton, {}) });
   if (!order) {
     return /* @__PURE__ */ jsx(Page, { children: /* @__PURE__ */ jsx(
@@ -1678,9 +1716,10 @@ function statusVariant3(s) {
   if (s === "past_due") return "secondary";
   return "destructive";
 }
-function SubscriptionsPage() {
+function SubscriptionsPage({ navTabs, activeNavTab } = {}) {
   const t = useTranslation();
   const [subs, setSubs] = React3.useState(null);
+  const tabs = navTabs?.();
   React3.useEffect(() => {
     void getCoursesProvider().listSubscriptions().then(setSubs);
   }, []);
@@ -1702,20 +1741,33 @@ function SubscriptionsPage() {
       ] })
     ] }) }
   ];
-  return /* @__PURE__ */ jsxs(PageContainer, { title: t("courses.subs.title") || "Subscriptions", subtitle: t("courses.subs.subtitle") || "Recurring plans and MRR.", children: [
-    /* @__PURE__ */ jsxs(StatGrid, { children: [
-      /* @__PURE__ */ jsx(StatCard, { label: t("courses.subs.active") || "Active subscriptions", value: String(active.length) }),
-      /* @__PURE__ */ jsx(StatCard, { label: t("courses.subs.mrr") || "Monthly recurring revenue", value: formatMoney(mrr, currency) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      SimpleTable,
-      {
-        columns,
-        rows: subs ?? [],
-        empty: t("courses.subs.empty") || "No subscriptions yet."
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    PageContainer,
+    {
+      title: t("courses.subs.title") || "Subscriptions",
+      subtitle: t("courses.subs.subtitle") || "Recurring plans and MRR.",
+      navTabs: tabs?.map((tb) => ({ value: tb.value, label: tb.label })),
+      activeNavTab,
+      onNavTabChange: (v) => {
+        const target = tabs?.find((tb) => tb.value === v);
+        if (target) navigateTo(target.route);
+      },
+      children: [
+        /* @__PURE__ */ jsxs(StatGrid, { children: [
+          /* @__PURE__ */ jsx(StatCard, { label: t("courses.subs.active") || "Active subscriptions", value: String(active.length) }),
+          /* @__PURE__ */ jsx(StatCard, { label: t("courses.subs.mrr") || "Monthly recurring revenue", value: formatMoney(mrr, currency) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          SimpleTable,
+          {
+            columns,
+            rows: subs ?? [],
+            empty: t("courses.subs.empty") || "No subscriptions yet."
+          }
+        )
+      ]
+    }
+  );
 }
 SubscriptionsPage.displayName = "SubscriptionsPage";
 function FinancialPage() {
@@ -1929,6 +1981,22 @@ function createStripeConnector() {
 // src/index.ts
 var asComp = (c) => c;
 var read = (feature) => ({ feature, action: "read" });
+function withProps(Page2, props) {
+  const Bound = (routeProps) => React3.createElement(Page2, { ...props, ...routeProps });
+  Bound.displayName = `${Page2.displayName ?? Page2.name}(bound)`;
+  return Bound;
+}
+function redirectTo(target) {
+  const Redirect = (params) => {
+    const to = typeof target === "function" ? target(params) : target;
+    React3.useEffect(() => {
+      navigateTo(to);
+    }, [to]);
+    return null;
+  };
+  Redirect.displayName = `Redirect(${typeof target === "string" ? target : "fn"})`;
+  return Redirect;
+}
 function createCoursesPlugin(options) {
   registerTranslations(coursesLocales);
   setCoursesTenantResolver(() => useOrganizationStore.getState().currentOrg?.id);
@@ -1939,27 +2007,48 @@ function createCoursesPlugin(options) {
   const section = options?.navSection ?? "main";
   const modules = options?.modules ?? {};
   const labels = options?.labels ?? {};
+  const ordersRoute = options?.routes?.orders ?? "/courses/sales";
+  const subscriptionsRoute = options?.routes?.subscriptions ?? "/courses/subscriptions";
+  const salesTabs = options?.salesTabs ?? false;
+  const salesTabStrip = salesTabs ? () => [
+    { value: "orders", label: labels.sales ?? "Sales", route: ordersRoute },
+    { value: "subscriptions", label: labels.subscriptions ?? "Subscriptions", route: subscriptionsRoute }
+  ] : void 0;
   const navigation = [
     { section, position: base, label: options?.navLabel ?? "Courses", route: "/courses", icon: "BookOpen", 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.sales ? [{ section, position: options?.ordersNavPosition ?? base + 2, label: labels.sales ?? "Sales", route: ordersRoute, icon: "TrendingUp", permission: read("courses.sales") }] : [],
+    // Com `salesTabs`, Assinaturas é uma ABA de Pedidos — listá-la também no menu
+    // seria a mesma navegação duas vezes, que é o que a faixa existe para evitar.
+    ...modules.subscriptions && !salesTabs ? [{ section, position: base + 3, label: labels.subscriptions ?? "Subscriptions", route: subscriptionsRoute, 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") }] : [],
     ...modules.reports ? [{ section, position: base + 5, label: labels.reports ?? "Reports", route: "/courses/reports", icon: "BarChart3", permission: read("courses.sales") }] : []
   ];
+  const salesProps = { navTabs: salesTabStrip, activeNavTab: "orders" };
+  const subsProps = { navTabs: salesTabStrip, activeNavTab: "subscriptions" };
   const routes = [
     // 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.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.sales ? [{ path: ordersRoute, component: asComp(withProps(SalesPage, salesProps)), permission: read("courses.sales") }] : [],
+    // Order detail — the static `${ordersRoute}/:id` outscores `/courses/:id`.
+    ...modules.sales ? [{ path: `${ordersRoute}/:id`, component: asComp(withProps(CourseOrderDetailView, { ordersRoute })), permission: read("courses.sales") }] : [],
+    ...modules.subscriptions ? [{ path: subscriptionsRoute, component: asComp(withProps(SubscriptionsPage, subsProps)), 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") }] : [],
-    { path: "/courses/:id", component: asComp(CourseEditorPage) }
+    { path: "/courses/:id", component: asComp(CourseEditorPage) },
+    // Onde as telas moravam quando o host as reposiciona. Redirecionam para não
+    // deixar um link antigo renderizando tela em branco.
+    ...modules.sales && ordersRoute !== "/courses/sales" ? [
+      // O detalhe vem PRIMEIRO e com o param: `/courses/sales/:id` (score 40)
+      // ganha do curinga `/courses/sales/*` (29) que o shell registra junto
+      // com o pai — sem ele, todo link antigo de pedido caía na lista.
+      { path: "/courses/sales/:id", component: asComp(redirectTo((p) => `${ordersRoute}/${p.id}`)) },
+      { path: "/courses/sales", component: asComp(redirectTo(ordersRoute)) }
+    ] : [],
+    ...modules.subscriptions && subscriptionsRoute !== "/courses/subscriptions" ? [{ path: "/courses/subscriptions", component: asComp(redirectTo(subscriptionsRoute)) }] : []
   ];
   return {
     id: "courses",