@fayz-ai/plugin-courses 0.8.1 → 0.8.4

package/dist/locales/en.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/locales/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6IrC,CAAA"}
+{"version":3,"file":"en.d.ts","sourceRoot":"","sources":["../../src/locales/en.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA0MrC,CAAA"}

package/dist/locales/pt-BR.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pt-BR.d.ts","sourceRoot":"","sources":["../../src/locales/pt-BR.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6IvC,CAAA"}
+{"version":3,"file":"pt-BR.d.ts","sourceRoot":"","sources":["../../src/locales/pt-BR.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA0MvC,CAAA"}

package/dist/pages/CourseEditorPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CourseEditorPage.d.ts","sourceRoot":"","sources":["../../src/pages/CourseEditorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAgB9B,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,qBA0RvD;yBA1Re,gBAAgB"}
+{"version":3,"file":"CourseEditorPage.d.ts","sourceRoot":"","sources":["../../src/pages/CourseEditorPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqF9B,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,qBAyiBvD;yBAziBe,gBAAgB"}

package/dist/pages/CoursesListPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoursesListPage.d.ts","sourceRoot":"","sources":["../../src/pages/CoursesListPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,wBAAgB,eAAe,sBAuG9B;yBAvGe,eAAe"}
+{"version":3,"file":"CoursesListPage.d.ts","sourceRoot":"","sources":["../../src/pages/CoursesListPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAa9B,wBAAgB,eAAe,sBAyG9B;yBAzGe,eAAe"}

package/dist/pages/SalesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SalesPage.d.ts","sourceRoot":"","sources":["../../src/pages/SalesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,wBAAgB,SAAS,sBAyCxB;yBAzCe,SAAS"}
+{"version":3,"file":"SalesPage.d.ts","sourceRoot":"","sources":["../../src/pages/SalesPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAmB9B,wBAAgB,SAAS,sBAiExB;yBAjEe,SAAS"}

package/dist/public/CheckoutScreen.d.ts

@@ -0,0 +1,17 @@
+import { type FC } from 'react';
+import type { PublicCheckoutDataProvider } from './data';
+export interface CheckoutScreenProps {
+    slug: string;
+    provider: PublicCheckoutDataProvider;
+    /** Accent color (CSS) for buttons/highlights. Default emerald. */
+    accent?: string;
+    /** Where "acessar área de membros" points after success. Default '#/'. */
+    memberAreaHref?: string;
+    /** Fired after a successful order with the resulting order id + email. */
+    onSuccess?: (info: {
+        orderId: string;
+        email: string;
+    }) => void;
+}
+export declare const CheckoutScreen: FC<CheckoutScreenProps>;
+//# sourceMappingURL=CheckoutScreen.d.ts.map

package/dist/public/CheckoutScreen.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutScreen.d.ts","sourceRoot":"","sources":["../../src/public/CheckoutScreen.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAgC,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAA;AAG7E,OAAO,KAAK,EAAyB,0BAA0B,EAAE,MAAM,QAAQ,CAAA;AAE/E,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,0BAA0B,CAAA;IACpC,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,0EAA0E;IAC1E,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,0EAA0E;IAC1E,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC/D;AAUD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAoPlD,CAAA"}

package/dist/public/createPublicCheckoutPlugin.d.ts

@@ -0,0 +1,27 @@
+import { type FC } from 'react';
+import type { PluginManifest, PluginScope, VerticalId } from '@fayz-ai/core';
+import { type PublicCheckoutDataProvider } from './data';
+import { type CheckoutScreenProps } from './CheckoutScreen';
+export interface PublicCheckoutOptions {
+    /** Mount path for the public checkout route. Default '/checkout'. Slug is appended as ':slug'. */
+    basePath?: string;
+    /**
+     * Tenant this checkout sells for. REQUIRED when a Supabase client is
+     * configured (setGlobalSupabaseClient) — it scopes the catalog + the RPC.
+     */
+    tenantId?: string;
+    /** Accent color forwarded to CheckoutScreen. */
+    accent?: string;
+    /** Inject a custom provider (overrides the mock/Supabase resolver). */
+    dataProvider?: PublicCheckoutDataProvider;
+    scope?: PluginScope;
+    verticalId?: VerticalId;
+}
+export interface PublicCheckoutPlugin {
+    manifest: PluginManifest;
+    dataProvider: PublicCheckoutDataProvider;
+    /** CheckoutScreen bound to the resolved provider — pass `slug` (+ optional onSuccess). */
+    CheckoutScreen: FC<Omit<CheckoutScreenProps, 'provider'>>;
+}
+export declare function createPublicCheckoutPlugin(options?: PublicCheckoutOptions): PublicCheckoutPlugin;
+//# sourceMappingURL=createPublicCheckoutPlugin.d.ts.map

package/dist/public/createPublicCheckoutPlugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPublicCheckoutPlugin.d.ts","sourceRoot":"","sources":["../../src/public/createPublicCheckoutPlugin.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAiB,KAAK,EAAE,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAA8B,KAAK,0BAA0B,EAAE,MAAM,QAAQ,CAAA;AAEpF,OAAO,EAAkB,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAE3E,MAAM,WAAW,qBAAqB;IACpC,kGAAkG;IAClG,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,uEAAuE;IACvE,YAAY,CAAC,EAAE,0BAA0B,CAAA;IACzC,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,cAAc,CAAA;IACxB,YAAY,EAAE,0BAA0B,CAAA;IACxC,0FAA0F;IAC1F,cAAc,EAAE,EAAE,CAAC,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC,CAAC,CAAA;CAC1D;AAED,wBAAgB,0BAA0B,CAAC,OAAO,GAAE,qBAA0B,GAAG,oBAAoB,CAgDpG"}

package/dist/public/data.d.ts

@@ -0,0 +1,28 @@
+import type { Course, Offer } from '@fayz-ai/courses';
+export type CheckoutPaymentMethod = 'pix' | 'card';
+export interface PlaceOrderInput {
+    email: string;
+    name?: string;
+    paymentMethod?: CheckoutPaymentMethod;
+}
+export interface PlaceOrderResult {
+    orderId: string;
+}
+export interface PublicCheckoutDataProvider {
+    /** Published course by slug (or id). Null when not found / not published. */
+    getCourseBySlug(slug: string): Promise<Course | null>;
+    /** The offer pre-selected on the checkout (isDefault, else the first). */
+    getDefaultOffer(courseId: string): Promise<Offer | null>;
+    /** Records the (simulated-paid) sale + enrollment. Returns the order id. */
+    placeOrder(offerId: string, input: PlaceOrderInput): Promise<PlaceOrderResult>;
+}
+export interface MockCheckoutOptions {
+    course?: Partial<Course>;
+    offer?: Partial<Offer>;
+}
+/**
+ * Loud mock: usable for a UI-only dev run with no backend. It fabricates a
+ * single course + offer and a fake order id so the flow renders end-to-end.
+ */
+export declare function createMockCheckoutProvider(opts?: MockCheckoutOptions): PublicCheckoutDataProvider;
+//# sourceMappingURL=data.d.ts.map

package/dist/public/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/public/data.ts"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAErD,MAAM,MAAM,qBAAqB,GAAG,KAAK,GAAG,MAAM,CAAA;AAElD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,aAAa,CAAC,EAAE,qBAAqB,CAAA;CACtC;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,0BAA0B;IACzC,6EAA6E;IAC7E,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;IACrD,0EAA0E;IAC1E,eAAe,CAAC,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,CAAA;IACxD,4EAA4E;IAC5E,UAAU,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAAA;CAC/E;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAA;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAA;CACvB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,IAAI,GAAE,mBAAwB,GAAG,0BAA0B,CA8CrG"}

package/dist/public/data.supabase.d.ts

@@ -0,0 +1,7 @@
+import type { PublicCheckoutDataProvider } from './data';
+export interface SupabaseCheckoutOptions {
+    /** Tenant this checkout sells for (RPC arg — required). */
+    tenantId: string;
+}
+export declare function createSupabaseCheckoutProvider(options: SupabaseCheckoutOptions): PublicCheckoutDataProvider;
+//# sourceMappingURL=data.supabase.d.ts.map

package/dist/public/data.supabase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.supabase.d.ts","sourceRoot":"","sources":["../../src/public/data.supabase.ts"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,0BAA0B,EAAmB,MAAM,QAAQ,CAAA;AAEzE,MAAM,WAAW,uBAAuB;IACtC,2DAA2D;IAC3D,QAAQ,EAAE,MAAM,CAAA;CACjB;AAYD,wBAAgB,8BAA8B,CAAC,OAAO,EAAE,uBAAuB,GAAG,0BAA0B,CA8B3G"}

package/dist/public/index.d.ts

@@ -0,0 +1,9 @@
+export { createPublicCheckoutPlugin } from './createPublicCheckoutPlugin';
+export type { PublicCheckoutOptions, PublicCheckoutPlugin } from './createPublicCheckoutPlugin';
+export { CheckoutScreen } from './CheckoutScreen';
+export type { CheckoutScreenProps } from './CheckoutScreen';
+export { createMockCheckoutProvider } from './data';
+export { createSupabaseCheckoutProvider } from './data.supabase';
+export type { SupabaseCheckoutOptions } from './data.supabase';
+export type { PublicCheckoutDataProvider, PlaceOrderInput, PlaceOrderResult, CheckoutPaymentMethod, MockCheckoutOptions, } from './data';
+//# sourceMappingURL=index.d.ts.map

package/dist/public/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/public/index.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AACzE,YAAY,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAA;AAE/F,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAG3D,OAAO,EAAE,0BAA0B,EAAE,MAAM,QAAQ,CAAA;AACnD,OAAO,EAAE,8BAA8B,EAAE,MAAM,iBAAiB,CAAA;AAChE,YAAY,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAA;AAC9D,YAAY,EACV,0BAA0B,EAC1B,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,QAAQ,CAAA"}

package/dist/views/CourseOrderDetailView.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+/** Order detail (`/courses/sales/:id`). Loads the canonical order and renders the
+ *  SHARED archetype OrderDetailView (@fayz-ai/saas) — same component the shop uses. */
+export declare function CourseOrderDetailView({ id }: {
+    id?: string;
+}): React.JSX.Element;
+export declare namespace CourseOrderDetailView {
+    var displayName: string;
+}
+//# sourceMappingURL=CourseOrderDetailView.d.ts.map

package/dist/views/CourseOrderDetailView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CourseOrderDetailView.d.ts","sourceRoot":"","sources":["../../src/views/CourseOrderDetailView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA+B9B;uFACuF;AACvF,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,EAAE,EAAE;IAAE,EAAE,CAAC,EAAE,MAAM,CAAA;CAAE,qBAiG5D;yBAjGe,qBAAqB"}

package/package.json

@@ -3,7 +3,7 @@
   "fayz": {
     "status": "preview"
   },
-  "version": "0.8.1",
+  "version": "0.8.4",
   "description": "[experimental] Fayz SDK — courses admin management plugin",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -15,6 +15,12 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.cjs"
+    },
+    "./public": {
+      "source": "./src/public/index.ts",
+      "types": "./dist/public/index.d.ts",
+      "import": "./dist/public/index.js",
+      "require": "./dist/public/index.cjs"
     }
   },
   "files": [
@@ -28,10 +34,13 @@
   "dependencies": {
     "lucide-react": "^0.400.0",
     "@tanstack/react-table": "^8.20.0",
-    "@fayz-ai/saas": "^0.8.2",
-    "@fayz-ai/core": "^0.8.2",
-    "@fayz-ai/ui": "^0.8.1",
-    "@fayz-ai/courses": "^0.8.0"
+    "@dnd-kit/core": "^6.3.1",
+    "@dnd-kit/sortable": "^10.0.0",
+    "@dnd-kit/utilities": "^3.2.2",
+    "@fayz-ai/courses": "^0.8.1",
+    "@fayz-ai/saas": "^0.8.4",
+    "@fayz-ai/core": "^0.8.4",
+    "@fayz-ai/ui": "^0.8.4"
   },
   "devDependencies": {
     "@types/react": "^18.3.0",

package/src/components/CommerceUI.tsx

@@ -47,6 +47,73 @@ export function TableEmpty({ children }: { children: React.ReactNode }) {
   )
 }
 
+/**
+ * Standard empty state — an icon chip, a title, an optional description and a
+ * call-to-action. Use anywhere a list/section can be legitimately empty so the
+ * screen never shows a bare dashed box.
+ */
+export function EmptyState({ icon, title, description, action }: {
+  icon?: React.ReactNode
+  title: string
+  description?: string
+  action?: React.ReactNode
+}) {
+  return (
+    <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">
+      {icon && (
+        <div className="mb-3 flex h-11 w-11 items-center justify-center rounded-full bg-muted text-muted-foreground">
+          {icon}
+        </div>
+      )}
+      <p className="text-sm font-medium text-foreground">{title}</p>
+      {description && <p className="mt-1 max-w-sm text-sm text-muted-foreground">{description}</p>}
+      {action && <div className="mt-4">{action}</div>}
+    </div>
+  )
+}
+
+/**
+ * A muted, low-emphasis informational callout. Use to set honest expectations
+ * (e.g. "this applies to a feature that isn't shipped yet") without dressing it
+ * up as an interactive control. Wrap key phrases in <strong> for emphasis.
+ */
+export function InfoNote({ icon, children, className }: {
+  icon?: React.ReactNode
+  children: React.ReactNode
+  className?: string
+}) {
+  return (
+    <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 ?? '')}>
+      {icon && <span className="mt-0.5 shrink-0 text-muted-foreground/80">{icon}</span>}
+      <div className="min-w-0 [&_strong]:font-medium [&_strong]:text-foreground">{children}</div>
+    </div>
+  )
+}
+
+/** A titled card section — the house pattern for grouping form fields. */
+export function SectionCard({ title, description, actions, children, className }: {
+  title?: string
+  description?: string
+  actions?: React.ReactNode
+  children: React.ReactNode
+  className?: string
+}) {
+  return (
+    <Card className={'p-5 md:p-6 ' + (className ?? '')}>
+      {(title || actions) && (
+        <div className="mb-4 flex items-start justify-between gap-4">
+          <div>
+            {title && <h2 className="text-sm font-semibold text-foreground">{title}</h2>}
+            {description && <p className="mt-0.5 text-sm text-muted-foreground">{description}</p>}
+          </div>
+          {actions}
+        </div>
+      )}
+      {children}
+    </Card>
+  )
+}
+
 export interface SimpleColumn<T> {
   key: string
   header: string
@@ -59,11 +126,12 @@ export interface SimpleColumn<T> {
  * pages describe columns declaratively; this maps them to tanstack ColumnDef so
  * we reuse DataTable's sorting/skeleton/empty chrome instead of a bespoke table.
  */
-export function SimpleTable<T>({ columns, rows, empty, loading }: {
+export function SimpleTable<T>({ columns, rows, empty, loading, onRowClick }: {
   columns: SimpleColumn<T>[]
   rows: T[]
   empty: string
   loading?: boolean
+  onRowClick?: (row: T) => void
 }) {
   const cols = React.useMemo<ColumnDef<T>[]>(
     () => columns.map((c) => ({
@@ -73,5 +141,13 @@ export function SimpleTable<T>({ columns, rows, empty, loading }: {
     })),
     [columns],
   )
-  return <DataTable columns={cols} data={rows} emptyMessage={empty} loading={loading} />
+  return (
+    <DataTable
+      columns={cols}
+      data={rows}
+      emptyMessage={empty}
+      loading={loading}
+      onRowClick={onRowClick ? (row: T) => onRowClick(row) : undefined}
+    />
+  )
 }

package/src/index.ts

@@ -12,10 +12,10 @@ import { coursesLocales } from './locales'
 import { CoursesListPage } from './pages/CoursesListPage'
 import { CourseEditorPage } from './pages/CourseEditorPage'
 import { SalesPage } from './pages/SalesPage'
+import { CourseOrderDetailView } from './views/CourseOrderDetailView'
 import { SubscriptionsPage } from './pages/SubscriptionsPage'
 import { FinancialPage } from './pages/FinancialPage'
 import { ReportsPage } from './pages/ReportsPage'
-import { MembersAreaPage } from './pages/MembersAreaPage'
 import { CoursesSettingsTab } from './settings/CoursesSettings'
 import { createCoursesDashboardWidgets } from './dashboardWidgets'
 import { createStripeConnector } from './connectors/stripe'
@@ -85,7 +85,9 @@ export function createCoursesPlugin(options?: CoursesPluginOptions): PluginManif
   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') }] : []),
@@ -96,8 +98,9 @@ export function createCoursesPlugin(options?: CoursesPluginOptions): PluginManif
     // 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') }] : []),

package/src/locales/en.ts

@@ -19,14 +19,75 @@ export const en: Record<string, string> = {
   '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×720 recommended.',
+  'courses.editor.thumbnailUpload': 'Upload image',
+  'courses.editor.thumbnailUrl': 'Or paste an image URL',
+  'courses.editor.thumbnailEmpty': 'No image',
+  'courses.editor.thumbnailUploaded': 'Image uploaded — remember to save.',
+  'courses.editor.uploading': 'Uploading…',
+  'courses.editor.uploadFailed': 'Could not upload the image',
+  'courses.editor.uploadUnavailable': 'Upload unavailable — 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…)',
+  '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’s 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’s content.',
   'courses.editor.untitledCourse': 'Untitled course',
   'courses.editor.untitledModule': 'New module',
   'courses.editor.untitledLesson': 'New lesson',
@@ -35,29 +96,29 @@ export const en: Record<string, string> = {
   '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.',

package/src/locales/pt-BR.ts

@@ -19,14 +19,75 @@ export const ptBR: Record<string, string> = {
   'courses.editor.fieldStatus': 'Status',
   'courses.editor.save': 'Salvar',
   'courses.editor.saved': 'Curso salvo',
+  'courses.editor.saveFailed': 'Não foi possível salvar o curso',
+  'courses.editor.unsaved': 'Alterações não salvas',
+  // Geral tab
+  'courses.editor.sectionBasics': 'Informações básicas',
+  'courses.editor.sectionThumbnail': 'Imagem de capa',
+  'courses.editor.sectionPricing': 'Preço e publicação',
+  'courses.editor.descriptionPlaceholder': 'O que o aluno vai aprender?',
+  'courses.editor.fieldDelivery': 'Formato',
+  'courses.editor.deliveryHint': 'Como o curso é entregue.',
+  'courses.editor.delivery.online': 'Online',
+  'courses.editor.delivery.in_person': 'Presencial',
+  'courses.editor.delivery.hybrid': 'Híbrido',
+  'courses.editor.thumbnailHint': 'Aparece na loja e nas listagens. Recomendado 1280×720.',
+  'courses.editor.thumbnailUpload': 'Enviar imagem',
+  'courses.editor.thumbnailUrl': 'Ou cole uma URL de imagem',
+  'courses.editor.thumbnailEmpty': 'Sem imagem',
+  'courses.editor.thumbnailUploaded': 'Imagem enviada — lembre de salvar.',
+  'courses.editor.uploading': 'Enviando…',
+  'courses.editor.uploadFailed': 'Não foi possível enviar a imagem',
+  'courses.editor.uploadUnavailable': 'Upload indisponível — cole uma URL de imagem.',
+  // Conteúdo tab
   'courses.editor.addModule': 'Adicionar módulo',
   'courses.editor.moduleTitle': 'Título do módulo',
+  'courses.editor.moduleAdded': 'Módulo adicionado',
   'courses.editor.addLesson': 'Adicionar aula',
   'courses.editor.lessonTitle': 'Título da aula',
   'courses.editor.lessonVideo': 'URL do vídeo (embed)',
   'courses.editor.lessonDuration': 'Duração (min)',
   'courses.editor.deleteModule': 'Excluir módulo',
-  'courses.editor.deleteLesson': 'Remover',
+  'courses.editor.deleteLesson': 'Remover aula',
+  'courses.editor.deleted': 'Removido',
+  'courses.editor.autosaved': 'As alterações são salvas automaticamente.',
+  'courses.editor.modulesEmpty': 'Nenhum módulo ainda',
+  'courses.editor.modulesEmptyHint': 'Crie um módulo para começar a organizar as aulas.',
+  'courses.editor.lessonsEmpty': 'Nenhuma aula neste módulo ainda.',
+  'courses.editor.deleteModuleConfirm': 'Excluir este módulo?',
+  'courses.editor.deleteModuleConfirmBody': 'As aulas deste módulo também serão removidas. Isso não pode ser desfeito.',
+  'courses.editor.deleteLessonConfirm': 'Remover esta aula?',
+  'courses.editor.deleteLessonConfirmBody': 'Isso não pode ser desfeito.',
+  'courses.editor.confirmDelete': 'Excluir',
+  'courses.editor.cancel': 'Cancelar',
+  // Curriculum tree builder
+  'courses.editor.newModule': 'Novo módulo',
+  'courses.editor.firstModule': 'Criar primeiro módulo',
+  'courses.editor.newLesson': 'Nova aula',
+  'courses.editor.firstLesson': 'Adicione a primeira aula',
+  'courses.editor.moduleLabel': 'módulo',
+  'courses.editor.moduleLabelPlural': 'módulos',
+  '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ídeo',
+  'courses.editor.videoSet': 'Vídeo',
+  'courses.editor.videoUrlLabel': 'URL do vídeo',
+  'courses.editor.videoUrlPlaceholder': 'Cole o link do vídeo (YouTube, Vimeo…)',
+  'courses.editor.reorderFailed': 'Não foi possível reordenar',
+  // Área de membros
+  'courses.editor.membersHelp': 'Quem compra este curso é matriculado automaticamente pelos pedidos e ganha acesso a todo o conteúdo.',
+  'courses.editor.enrolledStudents': 'Alunos matriculados',
+  'courses.editor.membersEmpty': 'Nenhum aluno ainda',
+  'courses.editor.membersEmptyHint': 'Os compradores são matriculados aqui automaticamente após um pedido pago.',
+  'courses.editor.accessUnlockedBy': 'Acesso liberado por',
+  'courses.editor.membersNote': 'Comprar qualquer oferta libera o acesso completo ao conteúdo deste curso.',
   'courses.editor.untitledCourse': 'Curso sem título',
   'courses.editor.untitledModule': 'Novo módulo',
   'courses.editor.untitledLesson': 'Nova aula',
@@ -35,29 +96,29 @@ export const ptBR: Record<string, string> = {
   'courses.editor.tab.curriculum': 'Conteúdo',
   'courses.editor.tab.offers': 'Ofertas',
   'courses.editor.tab.members': 'Área 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 área de membros. Grupos de acesso por oferta:',
-  'courses.editor.defaultGroup': 'Grupo padrão',
-  'courses.editor.settingsHelp': 'Métodos de pagamento no checkout (Stripe).',
+  // Métodos de pagamento (usados na tela de configurações do plugin de Cursos)
   'courses.editor.payCard': 'Cartão de crédito (até 12x)',
   'courses.editor.payPix': 'Pix',
   'courses.editor.payBoleto': 'Boleto',
-  'courses.editor.settingsNote': 'A disponibilidade de cada método depende do Stripe na sua região; ligado na Etapa 3.',
-  'courses.editor.checkoutSoon': 'O construtor de checkout chega numa etapa futura. Um checkout padrão é gerado por oferta.',
-  'courses.editor.linksHelp': 'Links de checkout compartilháveis, um por oferta.',
   // Offers
-  'courses.offers.help': 'Preços que o cliente pode comprar. Marque um padrão; order-bumps aparecem nos checkouts das outras.',
+  'courses.offers.help': 'Preços deste curso. As vendas acontecem pelos pedidos e pelo Financeiro.',
   'courses.offers.name': 'Nome da oferta',
   'courses.offers.price': 'Preço',
+  'courses.offers.kind': 'Tipo',
   'courses.offers.oneTime': 'Único',
   'courses.offers.subscription': 'Assinatura',
+  'courses.offers.interval': 'Intervalo de cobrança',
   'courses.offers.default': 'Padrão',
-  '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úblico entrar no ar (em breve).',
   // Sales
   'courses.sales.title': 'Vendas',
   'courses.sales.subtitle': 'Todas as transações dos seus cursos.',