@fayz-ai/plugin-courses 0.10.35 → 0.10.37

package/dist/index.js

@@ -1,9 +1,9 @@
 import * as React3 from 'react';
 import { useState, useEffect, useMemo } from 'react';
-import { hashRouterAdapter, createConnectionStore, connectionSettings, connectionStatus, settingsStatus, registerPluginFactory, registerTranslations, useTranslation, getSupabaseClientOptional, connectorRuntimeToken, CONNECTOR_RUNTIME_TOKEN_HEADER } from '@fayz-ai/core';
+import { hashRouterAdapter, createConnectionStore, connectionSettings, connectionStatus, settingsStatus, registerPluginFactory, registerTranslations, useTranslation, formatCurrency, getSupabaseClientOptional, connectorRuntimeToken, CONNECTOR_RUNTIME_TOKEN_HEADER } from '@fayz-ai/core';
 import { setCoursesTenantResolver, getCoursesProviderOptional, setCoursesProvider, createMockCoursesProvider, getCoursesTenantId, COURSES_TABLES, getCoursesProvider } from '@fayz-ai/courses';
 import { useOrganizationStore, useLimitGuard, usePermissionOptional, PermissionGate, OrderListView, OrderDetailSkeleton, PersonLink, OrderDetailView, invalidateLimit, PluginSettingsPanel, SettingsGroup, SelectRow, ToggleRow } from '@fayz-ai/admin';
-import { Button, DatePicker, defineKpiWidget, toast, useModuleLayout, PageHeaderActions, Badge, useSaveBar, PageHeader, Separator, Tabs, TabsList, TabsTrigger, TabsContent, Input, SegmentedControl, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Checkbox, ConfirmDialog, KpiCard, Skeleton, HeaderTabs, Card, DataTable } from '@fayz-ai/ui';
+import { Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DatePicker, defineKpiWidget, toast, useModuleLayout, PageHeaderActions, Badge, useSaveBar, PageHeader, Separator, Tabs, TabsList, TabsTrigger, TabsContent, Input, Textarea, SegmentedControl, Checkbox, ConfirmDialog, KpiCard, Skeleton, HeaderTabs, Card, DataTable } from '@fayz-ai/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { Loader2, Plug, Link2, Download, History, CheckCircle2, AlertCircle, ImagePlus, Users, ShoppingCart, Layers, Tag, 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';
@@ -470,10 +470,12 @@ function CoursesListPage() {
     /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: [
       courses === null && Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(CourseCardSkeleton, {}, i)),
       courses?.map((course) => /* @__PURE__ */ jsxs(
-        "button",
+        Button,
         {
+          variant: "bare",
+          size: "bare",
           onClick: () => navigateTo(`/courses/${course.id}`),
-          className: "group overflow-hidden rounded-card border border-border bg-card text-left transition hover:border-primary hover:shadow-md",
+          className: "group overflow-hidden rounded-card border border-border bg-card text-left transition hover:border-primary hover:shadow-md block whitespace-normal font-normal",
           children: [
             /* @__PURE__ */ jsx("div", { className: "aspect-video w-full overflow-hidden bg-muted", 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" }) }),
@@ -506,25 +508,6 @@ function CourseCardSkeleton() {
     ] })
   ] });
 }
-
-// src/lib/format.ts
-function formatMoney(value, currency = "BRL") {
-  try {
-    return new Intl.NumberFormat("pt-BR", { style: "currency", currency }).format(value);
-  } catch {
-    return `${currency} ${value.toFixed(2)}`;
-  }
-}
-function formatDate(iso) {
-  try {
-    return new Intl.DateTimeFormat("pt-BR", { day: "2-digit", month: "2-digit", year: "numeric" }).format(new Date(iso));
-  } catch {
-    return iso.slice(0, 10);
-  }
-}
-function formatPercent(fraction, digits = 0) {
-  return `${(fraction * 100).toFixed(digits)}%`;
-}
 function PageContainer({ title, subtitle, actions, navTabs, activeNavTab, onNavTabChange, children }) {
   return /* @__PURE__ */ jsxs("div", { children: [
     navTabs && navTabs.length > 0 ? (
@@ -898,6 +881,7 @@ function CourseEditorPage({ id }) {
             /* @__PURE__ */ jsx(Field, { label: t("courses.editor.fieldDescription") || "Description", children: /* @__PURE__ */ jsx(
               Textarea,
               {
+                className: "min-h-[96px] px-2 py-1.5",
                 value: course.description ?? "",
                 onChange: (e) => patchCourse({ description: e.target.value }),
                 placeholder: t("courses.editor.descriptionPlaceholder") || "What will students learn?"
@@ -991,8 +975,10 @@ function CourseEditorPage({ id }) {
               /* @__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",
+                  Button,
                   {
+                    variant: "bare",
+                    size: "bare",
                     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",
@@ -1085,7 +1071,7 @@ function CourseEditorPage({ id }) {
             /* @__PURE__ */ jsx("div", { className: "divide-y divide-border overflow-hidden rounded-card 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) })
+              /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm tabular-nums text-muted-foreground", children: formatCurrency(offer.price, offer.currency) })
             ] }, offer.id)) })
           ] })
         ] })
@@ -1254,8 +1240,10 @@ function SortableModuleCard({
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 py-2 sm:gap-2 sm:px-3", children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               ...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",
@@ -1264,8 +1252,10 @@ function SortableModuleCard({
             }
           ),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               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",
@@ -1288,8 +1278,10 @@ function SortableModuleCard({
           ),
           /* @__PURE__ */ 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__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               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",
@@ -1299,10 +1291,12 @@ function SortableModuleCard({
         ] }),
         expanded && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/60 bg-muted/20 p-2 sm:p-3", children: [
           count === 0 ? /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               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",
+              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 font-normal",
               children: [
                 /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
                 " ",
@@ -1322,8 +1316,10 @@ function SortableModuleCard({
             lesson.id
           )) }) }) }),
           count > 0 && /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               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: [
@@ -1365,8 +1361,10 @@ function SortableLessonRow({ t, lesson, autoFocusId, onAutoFocused, onPatchLesso
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-1.5 py-1.5 sm:gap-2 sm:px-2", children: [
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               ...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",
@@ -1401,8 +1399,10 @@ function SortableLessonRow({ t, lesson, autoFocusId, onAutoFocused, onPatchLesso
             t("courses.editor.minShort") || "min"
           ] }),
           /* @__PURE__ */ jsxs(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               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",
@@ -1414,8 +1414,10 @@ function SortableLessonRow({ t, lesson, autoFocusId, onAutoFocused, onPatchLesso
             }
           ),
           /* @__PURE__ */ jsx(
-            "button",
+            Button,
             {
+              variant: "bare",
+              size: "bare",
               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",
@@ -1471,8 +1473,8 @@ function TitleField({ value, autoFocus, onAutoFocused, onCommit, placeholder, ar
       onAutoFocused?.();
     }
   }, [autoFocus]);
-  return /* @__PURE__ */ jsx(
-    "input",
+  return /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+    Input,
     {
       ref,
       defaultValue: value,
@@ -1482,9 +1484,9 @@ function TitleField({ value, autoFocus, onAutoFocused, onCommit, placeholder, ar
       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 ?? "")
+      className: "h-auto rounded-md border-0 bg-transparent px-2 py-1.5 shadow-none transition-colors placeholder:text-muted-foreground/60 hover:bg-muted/60 focus:bg-background focus-visible:ring-offset-0 " + (className ?? "")
     }
-  );
+  ) });
 }
 function Field({ label, hint, children }) {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
@@ -1495,16 +1497,6 @@ function Field({ label, hint, children }) {
     children
   ] });
 }
-function Textarea(props) {
-  const { className, ...rest } = props;
-  return /* @__PURE__ */ 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 AutosaveHint({ t }) {
   return /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
     /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 text-success" }),
@@ -1522,6 +1514,18 @@ function EditorSkeleton() {
     ] })
   ] });
 }
+
+// src/lib/format.ts
+function formatDate(iso) {
+  try {
+    return new Intl.DateTimeFormat("pt-BR", { day: "2-digit", month: "2-digit", year: "numeric" }).format(new Date(iso));
+  } catch {
+    return iso.slice(0, 10);
+  }
+}
+function formatPercent(fraction, digits = 0) {
+  return `${(fraction * 100).toFixed(digits)}%`;
+}
 function statusVariant2(s) {
   if (s === "paid") return "success";
   if (s === "pending") return "secondary";
@@ -1567,8 +1571,8 @@ function SalesPage({ navTabs, activeNavTab, ordersRoute = "/courses/sales" } = {
       o.installmentCount && o.installmentCount > 1 ? ` \xB7 ${o.installmentCount}x` : ""
     ] }) },
     { key: "status", header: t("courses.sales.status") || "Status", render: (o) => /* @__PURE__ */ jsx(Badge, { variant: statusVariant2(o.financialStatus), children: t(`courses.financialStatus.${o.financialStatus}`) || o.financialStatus }) },
-    { key: "fee", header: t("courses.sales.fee") || "Taxa", align: "right", render: (o) => /* @__PURE__ */ 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__ */ 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__ */ jsx("span", { className: "text-muted-foreground", children: formatCurrency(o.platformFee, o.currency) }) },
+    { key: "total", header: t("courses.sales.amount") || "Valor", align: "right", render: (o) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatCurrency(o.total, o.currency) }) }
   ];
   return /* @__PURE__ */ jsx(
     OrderListView,
@@ -1583,7 +1587,7 @@ function SalesPage({ navTabs, activeNavTab, ordersRoute = "/courses/sales" } = {
       },
       stats: [
         { label: t("courses.sales.count") || "Vendas", value: String(paid.length) },
-        { label: t("courses.sales.revenue") || "Receita", value: formatMoney(revenue, currency) }
+        { label: t("courses.sales.revenue") || "Receita", value: formatCurrency(revenue, currency) }
       ],
       columns,
       rows: orders ?? [],
@@ -1642,14 +1646,14 @@ function CourseOrderDetailView({ id, ordersRoute = "/courses/sales" }) {
       {
         title: t("courses.order.notFound") || "Pedido n\xE3o encontrado",
         description: "",
-        action: /* @__PURE__ */ jsx("button", { className: "text-sm text-primary underline", onClick: back, children: t("common.back") || "Voltar" })
+        action: /* @__PURE__ */ jsx(Button, { variant: "bare", size: "bare", className: "text-sm text-primary underline font-normal", 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),
+    amount: formatCurrency(m.amount, cur),
     status: m.status,
     statusTone: instTone(m.status),
     dueDate: m.dueDate ? formatDate(m.dueDate) : null,
@@ -1679,19 +1683,19 @@ function CourseOrderDetailView({ id, ordersRoute = "/courses/sales" }) {
       name: order.courseTitle ?? "\u2014",
       description: order.offerName,
       quantity: 1,
-      unitPrice: formatMoney(order.total, cur),
-      total: formatMoney(order.total, cur)
+      unitPrice: formatCurrency(order.total, cur),
+      total: formatCurrency(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) }
+      { label: "Total", value: formatCurrency(order.total, cur), strong: true },
+      ...order.platformFee > 0 ? [{ label: "Taxa", value: `\u2212 ${formatCurrency(order.platformFee, cur)}`, muted: true }] : [],
+      { label: "L\xEDquido", value: formatCurrency(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 }
+        { label: "Recebido", value: formatCurrency(order.paidAmount, cur) },
+        { label: "Saldo", value: formatCurrency(order.balance, cur), strong: order.balance > 0 }
       ],
       installments,
       emptyLabel: t("courses.order.noInstallments") || "Sem parcelas."
@@ -1725,7 +1729,7 @@ function SubscriptionsPage({ navTabs, activeNavTab } = {}) {
     ] }) },
     { key: "status", header: t("courses.subs.status") || "Status", render: (s) => /* @__PURE__ */ jsx(Badge, { variant: statusVariant3(s.status), children: t(`courses.subStatus.${s.status}`) || s.status }) },
     { key: "value", header: t("courses.subs.value") || "Net value", align: "right", render: (s) => /* @__PURE__ */ jsxs("span", { className: "font-medium text-foreground", children: [
-      formatMoney(s.netValue, s.currency),
+      formatCurrency(s.netValue, s.currency),
       /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground", children: [
         " / ",
         t(`courses.interval.${s.interval}`) || s.interval
@@ -1745,7 +1749,7 @@ function SubscriptionsPage({ navTabs, activeNavTab } = {}) {
       },
       stats: [
         { label: t("courses.subs.active") || "Active subscriptions", value: String(active.length) },
-        { label: t("courses.subs.mrr") || "Monthly recurring revenue", value: formatMoney(mrr, currency) }
+        { label: t("courses.subs.mrr") || "Monthly recurring revenue", value: formatCurrency(mrr, currency) }
       ],
       columns,
       rows: subs ?? [],
@@ -1767,7 +1771,7 @@ function FinancialPage() {
   const currency = summary?.currency ?? "BRL";
   const columns = [
     { key: "date", header: t("courses.financial.date") || "Date", render: (p) => /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: formatDate(p.createdAt) }) },
-    { key: "amount", header: t("courses.financial.amount") || "Amount", align: "right", render: (p) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatMoney(p.amount, p.currency) }) },
+    { key: "amount", header: t("courses.financial.amount") || "Amount", align: "right", render: (p) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatCurrency(p.amount, p.currency) }) },
     { key: "status", header: t("courses.financial.status") || "Status", align: "right", render: (p) => /* @__PURE__ */ jsx(Badge, { variant: p.status === "paid" ? "success" : p.status === "pending" ? "secondary" : "destructive", children: t(`courses.payoutStatus.${p.status}`) || p.status }) }
   ];
   return /* @__PURE__ */ jsxs(
@@ -1777,10 +1781,10 @@ function FinancialPage() {
       subtitle: t("courses.financial.subtitle") || "Balance and payouts.",
       children: [
         /* @__PURE__ */ jsxs(StatGrid, { children: [
-          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.available") || "Available balance", value: formatMoney(summary?.availableBalance ?? 0, currency) }),
-          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.pending") || "Pending balance", value: formatMoney(summary?.pendingBalance ?? 0, currency) }),
-          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.revenue") || "Total revenue", value: formatMoney(summary?.totalRevenue ?? 0, currency) }),
-          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.feeCollected") || "Platform fees", value: formatMoney(summary?.platformFeeTotal ?? 0, currency), hint: summary ? formatPercent(summary.refundRate, 1) + " " + (t("courses.financial.refundRate") || "refund rate") : void 0 })
+          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.available") || "Available balance", value: formatCurrency(summary?.availableBalance ?? 0, currency) }),
+          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.pending") || "Pending balance", value: formatCurrency(summary?.pendingBalance ?? 0, currency) }),
+          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.revenue") || "Total revenue", value: formatCurrency(summary?.totalRevenue ?? 0, currency) }),
+          /* @__PURE__ */ jsx(StatCard, { label: t("courses.financial.feeCollected") || "Platform fees", value: formatCurrency(summary?.platformFeeTotal ?? 0, currency), hint: summary ? formatPercent(summary.refundRate, 1) + " " + (t("courses.financial.refundRate") || "refund rate") : void 0 })
         ] }),
         /* @__PURE__ */ jsx("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: t("courses.financial.payouts") || "Payouts" }),
         /* @__PURE__ */ jsx(
@@ -1808,7 +1812,7 @@ function ReportsPage() {
   const columns = [
     { key: "title", header: t("courses.reports.course") || "Course", render: (r) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: r.title }) },
     { key: "sales", header: t("courses.reports.sales") || "Sales", align: "right", render: (r) => /* @__PURE__ */ jsx("span", { children: r.sales }) },
-    { key: "revenue", header: t("courses.reports.revenue") || "Revenue", align: "right", render: (r) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatMoney(r.revenue, r.currency) }) }
+    { key: "revenue", header: t("courses.reports.revenue") || "Revenue", align: "right", render: (r) => /* @__PURE__ */ jsx("span", { className: "font-medium text-foreground", children: formatCurrency(r.revenue, r.currency) }) }
   ];
   return /* @__PURE__ */ jsxs(PageContainer, { title: t("courses.reports.title") || "Reports", subtitle: t("courses.reports.subtitle") || "Revenue by course.", children: [
     /* @__PURE__ */ jsx("h2", { className: "mb-3 text-sm font-semibold text-foreground", children: t("courses.reports.byCourse") || "Revenue by course" }),
@@ -1892,7 +1896,7 @@ function useSummary() {
 function RevenueKpi() {
   const t = useTranslation();
   const s = useSummary();
-  return /* @__PURE__ */ jsx(KpiCard, { label: t("courses.kpi.revenue") || "Total revenue", icon: "DollarSign", loading: !s, value: s ? formatMoney(s.totalRevenue, s.currency) : void 0 });
+  return /* @__PURE__ */ jsx(KpiCard, { label: t("courses.kpi.revenue") || "Total revenue", icon: "DollarSign", loading: !s, value: s ? formatCurrency(s.totalRevenue, s.currency) : void 0 });
 }
 function SalesKpi() {
   const t = useTranslation();
@@ -1902,12 +1906,12 @@ function SalesKpi() {
 function MrrKpi() {
   const t = useTranslation();
   const s = useSummary();
-  return /* @__PURE__ */ jsx(KpiCard, { label: t("courses.kpi.mrr") || "MRR", icon: "Repeat", loading: !s, value: s ? formatMoney(s.mrr, s.currency) : void 0, sub: s ? `${s.activeSubscriptions} ${t("courses.kpi.activeSubs") || "active"}` : void 0 });
+  return /* @__PURE__ */ jsx(KpiCard, { label: t("courses.kpi.mrr") || "MRR", icon: "Repeat", loading: !s, value: s ? formatCurrency(s.mrr, s.currency) : void 0, sub: s ? `${s.activeSubscriptions} ${t("courses.kpi.activeSubs") || "active"}` : void 0 });
 }
 function FeesKpi() {
   const t = useTranslation();
   const s = useSummary();
-  return /* @__PURE__ */ jsx(KpiCard, { label: t("courses.kpi.fees") || "Platform fees", icon: "Percent", loading: !s, value: s ? formatMoney(s.platformFeeTotal, s.currency) : void 0 });
+  return /* @__PURE__ */ jsx(KpiCard, { label: t("courses.kpi.fees") || "Platform fees", icon: "Percent", loading: !s, value: s ? formatCurrency(s.platformFeeTotal, s.currency) : void 0 });
 }
 function createCoursesDashboardWidgets(modules = {}) {
   return [
@@ -1971,6 +1975,7 @@ async function saveMapping(courseId, externalId) {
   if (error) throw new Error(error.message);
 }
 var KIWIFY_CONNECTOR_ID = "kiwify";
+var UNLINKED = "__unlinked__";
 var KIWIFY_FIELDS = [
   { key: "accountId", label: "Account ID", type: "text", placeholder: "Kiwify \u2192 Apps \u2192 API" },
   { key: "clientId", label: "Client ID", type: "text", secret: true, placeholder: "Kiwify \u2192 Apps \u2192 API" },
@@ -2132,15 +2137,17 @@ function KiwifyExtraPanel() {
         mappings.map((m) => /* @__PURE__ */ jsxs("label", { className: "flex items-center gap-3 px-3 py-2 text-sm", children: [
           /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate", children: m.title }),
           /* @__PURE__ */ jsxs(
-            "select",
+            Select,
             {
-              className: "h-8 w-56 shrink-0 rounded-md border border-border bg-background px-2 text-xs",
-              value: m.externalId ?? "",
-              onChange: (e) => void handleMap(m.courseId, e.target.value),
+              value: m.externalId ?? UNLINKED,
+              onValueChange: (v) => void handleMap(m.courseId, v === UNLINKED ? "" : v),
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "\u2014 sem v\xEDnculo \u2014" }),
-                m.externalId && !(products ?? []).some((p) => p.id === m.externalId) && /* @__PURE__ */ jsx("option", { value: m.externalId, children: m.externalId }),
-                (products ?? []).map((p) => /* @__PURE__ */ jsx("option", { value: p.id, children: p.name }, p.id))
+                /* @__PURE__ */ jsx(SelectTrigger, { className: "h-8 w-56 shrink-0 rounded-md border-border px-2 py-0 text-xs shadow-none", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
+                /* @__PURE__ */ jsxs(SelectContent, { children: [
+                  /* @__PURE__ */ jsx(SelectItem, { value: UNLINKED, children: "\u2014 sem v\xEDnculo \u2014" }),
+                  m.externalId && !(products ?? []).some((p) => p.id === m.externalId) && /* @__PURE__ */ jsx(SelectItem, { value: m.externalId, children: m.externalId }),
+                  (products ?? []).map((p) => /* @__PURE__ */ jsx(SelectItem, { value: p.id, children: p.name }, p.id))
+                ] })
               ]
             }
           )