@fayz-ai/plugin-courses 0.10.49 → 0.10.51

package/dist/CourseEditorPage-GEBTVW7G.js

@@ -0,0 +1,939 @@
+import { navigateTo } from './chunk-4DMJIPDN.js';
+import { SectionCard, InfoNote, EmptyState } from './chunk-U5LQDCGG.js';
+import * as React from 'react';
+import { useSaveBar, PageHeader, toast, Badge, Separator, Tabs, TabsList, TabsTrigger, TabsContent, Input, Textarea, SegmentedControl, Button, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, Checkbox, ConfirmDialog, Skeleton } from '@fayz-ai/ui';
+import { useTranslation, formatCurrency, getSupabaseClientOptional } from '@fayz-ai/core';
+import { getCoursesProvider } from '@fayz-ai/courses';
+import { ImagePlus, Users, ShoppingCart, Layers, Tag, Loader2, UploadCloud, Info, Plus, Trash2, Clock, Lock, GripVertical, ChevronDown, Video, FileText, PlayCircle, Check } from 'lucide-react';
+import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter } from '@dnd-kit/core';
+import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, useSortable, arrayMove } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function buildCourseStudents(orders) {
+  const byKey = /* @__PURE__ */ new Map();
+  for (const o of orders) {
+    const key = o.customerId ?? o.customerEmail ?? o.id;
+    const existing = byKey.get(key);
+    if (!existing || o.createdAt && existing.since && o.createdAt > existing.since) {
+      byKey.set(key, {
+        key,
+        name: o.customerName ?? o.customerEmail ?? "\u2014",
+        email: o.customerEmail ?? null,
+        since: o.createdAt ?? null
+      });
+    }
+  }
+  return [...byKey.values()].sort((a, b) => (b.since ?? "").localeCompare(a.since ?? ""));
+}
+var STATUSES = ["draft", "published", "archived"];
+var DELIVERY_TYPES = ["online", "in_person", "hybrid"];
+var TABS = ["details", "curriculum", "offers", "members"];
+var TAB_ICON = {
+  details: Tag,
+  curriculum: Layers,
+  offers: ShoppingCart,
+  members: Users
+};
+function editSnapshot(c) {
+  return JSON.stringify({
+    title: c.title,
+    subtitle: c.subtitle,
+    description: c.description,
+    price: c.price,
+    status: c.status,
+    deliveryType: c.deliveryType,
+    thumbnailUrl: c.thumbnailUrl
+  });
+}
+function CourseEditorPage({ id }) {
+  const t = useTranslation();
+  const [tab, setTab] = React.useState("details");
+  const [course, setCourse] = React.useState(null);
+  const [modules, setModules] = React.useState([]);
+  const [lessons, setLessons] = React.useState([]);
+  const [offers, setOffers] = React.useState([]);
+  const [students, setStudents] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [savedSnap, setSavedSnap] = React.useState("");
+  const [saving, setSaving] = React.useState(false);
+  const [uploading, setUploading] = React.useState(false);
+  const fileRef = React.useRef(null);
+  const [pendingDelete, setPendingDelete] = React.useState(null);
+  const [autoFocusId, setAutoFocusId] = React.useState(null);
+  const reload = React.useCallback(async () => {
+    if (!id) return;
+    const provider = getCoursesProvider();
+    const c = await provider.getCourse(id);
+    setCourse(c);
+    if (c) {
+      setSavedSnap(editSnapshot(c));
+      const [m, l, o, paidOrders] = await Promise.all([
+        provider.listModules(c.id),
+        provider.listLessons(c.id),
+        provider.listOffers(c.id),
+        provider.listOrders({ courseId: c.id, financialStatus: "paid" })
+      ]);
+      setModules(m);
+      setLessons(l);
+      setOffers(o);
+      setStudents(buildCourseStudents(paidOrders));
+    }
+    setLoading(false);
+  }, [id]);
+  React.useEffect(() => {
+    void reload();
+  }, [reload]);
+  const dirty = !!course && editSnapshot(course) !== savedSnap;
+  useSaveBar({
+    dirty,
+    saving,
+    onSave: () => {
+      void saveDetails();
+    },
+    onDiscard: () => {
+      void reload();
+    },
+    saveLabel: t("courses.editor.save") || "Salvar"
+  });
+  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);
+  }
+  async function saveDetails() {
+    if (!course) return;
+    setSaving(true);
+    try {
+      await getCoursesProvider().updateCourse(course.id, {
+        title: course.title,
+        subtitle: course.subtitle ?? void 0,
+        description: course.description ?? void 0,
+        thumbnailUrl: course.thumbnailUrl ?? void 0,
+        price: course.price,
+        status: course.status,
+        deliveryType: course.deliveryType
+      });
+      setSavedSnap(editSnapshot(course));
+      toast.success(t("courses.editor.saved") || "Course saved");
+    } catch {
+      toast.error(t("courses.editor.saveFailed") || "Could not save the course");
+    } finally {
+      setSaving(false);
+    }
+  }
+  async function onPickThumbnail(e) {
+    const file = e.target.files?.[0];
+    if (!file || !course) return;
+    const supabase = getSupabaseClientOptional();
+    if (!supabase?.storage) {
+      toast.error(t("courses.editor.uploadUnavailable") || "Upload unavailable \u2014 paste an image URL instead.");
+      if (fileRef.current) fileRef.current.value = "";
+      return;
+    }
+    setUploading(true);
+    try {
+      const ext = file.name.split(".").pop() || "jpg";
+      const path = `${course.id}/cover-${Date.now()}.${ext}`;
+      const bucket = supabase.storage.from("course-media");
+      const { error } = await bucket.upload(path, file, { upsert: true, contentType: file.type });
+      if (error) throw error;
+      const { data } = bucket.getPublicUrl(path);
+      patchCourse({ thumbnailUrl: data.publicUrl });
+      toast.success(t("courses.editor.thumbnailUploaded") || "Image uploaded \u2014 remember to save.");
+    } catch {
+      toast.error(t("courses.editor.uploadFailed") || "Could not upload the image");
+    } finally {
+      setUploading(false);
+      if (fileRef.current) fileRef.current.value = "";
+    }
+  }
+  async function addModule() {
+    const mod = await getCoursesProvider().createModule({ courseId: course.id, title: t("courses.editor.untitledModule") || "New module" });
+    toast.success(t("courses.editor.moduleAdded") || "Module added");
+    await reload();
+    setAutoFocusId(mod.id);
+  }
+  async function renameModule(moduleId, title) {
+    await getCoursesProvider().updateModule(moduleId, { title });
+  }
+  async function addLesson(moduleId) {
+    const tempId = `tmp-${crypto.randomUUID()}`;
+    const nextOrder = lessons.filter((l) => l.moduleId === moduleId).reduce((max, l) => Math.max(max, l.sortOrder), -1) + 1;
+    const optimistic = {
+      id: tempId,
+      courseId: course.id,
+      moduleId,
+      title: t("courses.editor.untitledLesson") || "New lesson",
+      description: null,
+      videoUrl: "",
+      durationSec: 0,
+      sortOrder: nextOrder
+    };
+    setLessons((ls) => [...ls, optimistic]);
+    setAutoFocusId(tempId);
+    try {
+      const real = await getCoursesProvider().createLesson({
+        courseId: course.id,
+        moduleId,
+        title: optimistic.title,
+        videoUrl: ""
+      });
+      setLessons((ls) => ls.map((l) => l.id === tempId ? { ...l, id: real.id } : l));
+      setAutoFocusId((cur) => cur === tempId ? real.id : cur);
+    } catch {
+      setLessons((ls) => ls.filter((l) => l.id !== tempId));
+      toast.error(t("courses.editor.saveFailed") || "Could not add the lesson");
+    }
+  }
+  async function patchLesson(lessonId, patch) {
+    await getCoursesProvider().updateLesson(lessonId, {
+      title: patch.title,
+      videoUrl: patch.videoUrl,
+      durationSec: patch.durationSec,
+      description: patch.description ?? void 0
+    });
+  }
+  async function reorderModules(orderedIds) {
+    const prev = modules;
+    setModules(orderedIds.map((mid, i) => ({ ...prev.find((m) => m.id === mid), sortOrder: i })));
+    try {
+      await Promise.all(orderedIds.map((mid, i) => getCoursesProvider().updateModule(mid, { sortOrder: i })));
+    } catch {
+      toast.error(t("courses.editor.reorderFailed") || "Could not reorder");
+    } finally {
+      await reload();
+    }
+  }
+  async function reorderLessons(moduleId, orderedIds) {
+    const prev = lessons;
+    const others = prev.filter((l) => l.moduleId !== moduleId);
+    const reordered = orderedIds.map((lid, i) => ({ ...prev.find((l) => l.id === lid), sortOrder: i }));
+    setLessons([...others, ...reordered]);
+    try {
+      await Promise.all(orderedIds.map((lid, i) => getCoursesProvider().updateLesson(lid, { sortOrder: i })));
+    } catch {
+      toast.error(t("courses.editor.reorderFailed") || "Could not reorder");
+    } finally {
+      await reload();
+    }
+  }
+  async function confirmDelete() {
+    if (!pendingDelete) return;
+    const provider = getCoursesProvider();
+    if (pendingDelete.kind === "module") await provider.deleteModule(pendingDelete.id);
+    else await provider.deleteLesson(pendingDelete.id);
+    toast.success(t("courses.editor.deleted") || "Removed");
+    setPendingDelete(null);
+    await reload();
+  }
+  async function addOffer() {
+    await getCoursesProvider().createOffer({
+      courseId: course.id,
+      name: t("courses.offers.newName") || "New offer",
+      price: course.price,
+      kind: "one_time"
+    });
+    toast.success(t("courses.offers.added") || "Offer added");
+    await reload();
+  }
+  async function patchOffer(offerId, patch) {
+    await getCoursesProvider().updateOffer(offerId, {
+      name: patch.name,
+      price: patch.price,
+      kind: patch.kind,
+      recurringInterval: patch.recurringInterval,
+      isOrderBump: patch.isOrderBump,
+      isDefault: patch.isDefault
+    });
+    await reload();
+  }
+  async function deleteOffer(offerId) {
+    await getCoursesProvider().deleteOffer(offerId);
+    toast.success(t("courses.offers.removed") || "Offer removed");
+    await reload();
+  }
+  const deliveryOptions = DELIVERY_TYPES.map((d) => ({
+    value: d,
+    label: t(`courses.editor.delivery.${d}`) || d
+  }));
+  return (
+    // 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,
+              {
+                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?"
+              }
+            ) }),
+            /* @__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" })
+            ] }) }),
+            /* @__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,
+              {
+                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(TabsContent, { value: "curriculum", className: "mt-4 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: "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-card 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,
+                  {
+                    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",
+                    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.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("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"
+            ] })
+          ] })
+        ] }),
+        /* @__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-card 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-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: formatCurrency(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)
+        }
+      )
+    ] })
+  );
+}
+CourseEditorPage.displayName = "CourseEditorPage";
+function formatDuration(sec, t) {
+  const min = Math.max(0, Math.round(sec / 60));
+  const mLabel = t("courses.editor.minShort") || "min";
+  if (min < 60) return `${min} ${mLabel}`;
+  const h = Math.floor(min / 60);
+  const rem = min % 60;
+  const hLabel = t("courses.editor.hourShort") || "h";
+  return rem ? `${h} ${hLabel} ${rem} ${mLabel}` : `${h} ${hLabel}`;
+}
+function CurriculumBuilder({
+  t,
+  modules,
+  lessons,
+  autoFocusId,
+  onAutoFocused,
+  onAddModule,
+  onRenameModule,
+  onAddLesson,
+  onPatchLesson,
+  onRequestDelete,
+  onReorderModules,
+  onReorderLessons
+}) {
+  const [collapsed, setCollapsed] = React.useState(/* @__PURE__ */ new Set());
+  const sensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),
+    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
+  );
+  function toggleModule(id) {
+    setCollapsed((prev) => {
+      const next = new Set(prev);
+      if (next.has(id)) next.delete(id);
+      else next.add(id);
+      return next;
+    });
+  }
+  function handleModuleDragEnd(e) {
+    const { active, over } = e;
+    if (!over || active.id === over.id) return;
+    const ids = modules.map((m) => m.id);
+    const from = ids.indexOf(String(active.id));
+    const to = ids.indexOf(String(over.id));
+    if (from < 0 || to < 0) return;
+    onReorderModules(arrayMove(ids, from, to));
+  }
+  if (modules.length === 0) {
+    return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(AutosaveHint, { t }),
+      /* @__PURE__ */ jsx(
+        EmptyState,
+        {
+          icon: /* @__PURE__ */ jsx(Layers, { className: "h-5 w-5" }),
+          title: t("courses.editor.modulesEmpty") || "No modules yet",
+          description: t("courses.editor.modulesEmptyHint") || "Create a module to start organizing your lessons.",
+          action: /* @__PURE__ */ jsxs(Button, { onClick: onAddModule, children: [
+            /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+            t("courses.editor.firstModule") || "Create first module"
+          ] })
+        }
+      )
+    ] });
+  }
+  const totalLessons = lessons.length;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+      /* @__PURE__ */ jsx(AutosaveHint, { t }),
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-muted-foreground tabular-nums", children: [
+        modules.length,
+        " ",
+        modules.length === 1 ? t("courses.editor.moduleLabel") || "module" : t("courses.editor.moduleLabelPlural") || "modules",
+        " \xB7 ",
+        totalLessons,
+        " ",
+        totalLessons === 1 ? t("courses.editor.lessonUnitOne") || "lesson" : t("courses.editor.lessonUnitOther") || "lessons"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleModuleDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items: modules.map((m) => m.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx("div", { className: "space-y-3", children: modules.map((mod, i) => /* @__PURE__ */ jsx(
+      SortableModuleCard,
+      {
+        t,
+        index: i,
+        mod,
+        lessons: lessons.filter((l) => l.moduleId === mod.id),
+        expanded: !collapsed.has(mod.id),
+        onToggle: () => toggleModule(mod.id),
+        autoFocusId,
+        onAutoFocused,
+        onRenameModule,
+        onAddLesson,
+        onPatchLesson,
+        onRequestDelete,
+        onReorderLessons
+      },
+      mod.id
+    )) }) }) }),
+    /* @__PURE__ */ jsxs(Button, { variant: "outline", onClick: onAddModule, className: "w-full border-dashed", children: [
+      /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+      t("courses.editor.newModule") || "New module"
+    ] })
+  ] });
+}
+function SortableModuleCard({
+  t,
+  index,
+  mod,
+  lessons,
+  expanded,
+  onToggle,
+  autoFocusId,
+  onAutoFocused,
+  onRenameModule,
+  onAddLesson,
+  onPatchLesson,
+  onRequestDelete,
+  onReorderLessons
+}) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: mod.id });
+  const sensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 6 } }),
+    useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates })
+  );
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.6 : 1,
+    zIndex: isDragging ? 20 : void 0
+  };
+  const count = lessons.length;
+  const totalSec = lessons.reduce((s, l) => s + (l.durationSec || 0), 0);
+  function handleLessonDragEnd(e) {
+    const { active, over } = e;
+    if (!over || active.id === over.id) return;
+    const ids = lessons.map((l) => l.id);
+    const from = ids.indexOf(String(active.id));
+    const to = ids.indexOf(String(over.id));
+    if (from < 0 || to < 0) return;
+    onReorderLessons(mod.id, arrayMove(ids, from, to));
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      className: "overflow-hidden rounded-card border border-border bg-card shadow-sm",
+      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,
+            {
+              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",
+              "aria-label": t("courses.editor.dragToReorder") || "Drag to reorder",
+              children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            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",
+              "aria-expanded": expanded,
+              children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4 transition-transform " + (expanded ? "" : "-rotate-90") })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "hidden shrink-0 items-center rounded-md bg-muted px-2 py-1 text-xs font-semibold tabular-nums text-muted-foreground sm:inline-flex", children: String(index + 1).padStart(2, "0") }),
+          /* @__PURE__ */ jsx(
+            TitleField,
+            {
+              value: mod.title,
+              autoFocus: autoFocusId === mod.id,
+              onAutoFocused,
+              onCommit: (v) => onRenameModule(mod.id, v),
+              placeholder: t("courses.editor.moduleTitle") || "Module title",
+              ariaLabel: t("courses.editor.moduleTitle") || "Module title",
+              className: "text-sm font-semibold"
+            }
+          ),
+          /* @__PURE__ */ 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,
+            {
+              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",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        expanded && /* @__PURE__ */ jsxs("div", { className: "border-t border-border/60 bg-muted/20 p-2 sm:p-3", children: [
+          count === 0 ? /* @__PURE__ */ jsxs(
+            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 font-normal",
+              children: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+                " ",
+                t("courses.editor.firstLesson") || "Add the first lesson"
+              ]
+            }
+          ) : /* @__PURE__ */ jsx(DndContext, { sensors, collisionDetection: closestCenter, onDragEnd: handleLessonDragEnd, children: /* @__PURE__ */ jsx(SortableContext, { items: lessons.map((l) => l.id), strategy: verticalListSortingStrategy, children: /* @__PURE__ */ jsx("div", { className: "space-y-1.5", children: lessons.map((lesson) => /* @__PURE__ */ jsx(
+            SortableLessonRow,
+            {
+              t,
+              lesson,
+              autoFocusId,
+              onAutoFocused,
+              onPatchLesson,
+              onRequestDelete
+            },
+            lesson.id
+          )) }) }) }),
+          count > 0 && /* @__PURE__ */ jsxs(
+            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: [
+                /* @__PURE__ */ jsx(Plus, { className: "h-4 w-4" }),
+                " ",
+                t("courses.editor.newLesson") || "New lesson"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+function SortableLessonRow({ t, lesson, autoFocusId, onAutoFocused, onPatchLesson, onRequestDelete }) {
+  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({ id: lesson.id });
+  const [open, setOpen] = React.useState(false);
+  const [videoUrl, setVideoUrl] = React.useState(lesson.videoUrl);
+  const [durationSec, setDurationSec] = React.useState(lesson.durationSec);
+  React.useEffect(() => {
+    setVideoUrl(lesson.videoUrl);
+  }, [lesson.videoUrl]);
+  React.useEffect(() => {
+    setDurationSec(lesson.durationSec);
+  }, [lesson.durationSec]);
+  const hasVideo = videoUrl.trim().length > 0;
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition,
+    opacity: isDragging ? 0.6 : 1,
+    zIndex: isDragging ? 10 : void 0
+  };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: setNodeRef,
+      style,
+      className: "group rounded-card border bg-card transition-colors " + (open ? "border-border" : "border-transparent hover:border-border"),
+      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,
+            {
+              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",
+              "aria-label": t("courses.editor.dragToReorder") || "Drag to reorder",
+              children: /* @__PURE__ */ jsx(GripVertical, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "flex h-8 w-8 shrink-0 items-center justify-center rounded-lg " + (hasVideo ? "bg-primary/10 text-primary" : "bg-muted text-muted-foreground"),
+              "aria-hidden": true,
+              children: hasVideo ? /* @__PURE__ */ jsx(Video, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx(FileText, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            TitleField,
+            {
+              value: lesson.title,
+              autoFocus: autoFocusId === lesson.id,
+              onAutoFocused,
+              onCommit: (v) => onPatchLesson(lesson.id, { title: v }),
+              placeholder: t("courses.editor.lessonTitle") || "Lesson title",
+              ariaLabel: t("courses.editor.lessonTitle") || "Lesson title",
+              className: "text-sm"
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "hidden shrink-0 items-center gap-1 rounded-full bg-muted px-2 py-0.5 text-xs tabular-nums text-muted-foreground sm:inline-flex", children: [
+            /* @__PURE__ */ jsx(Clock, { className: "h-3 w-3" }),
+            Math.round(durationSec / 60),
+            " ",
+            t("courses.editor.minShort") || "min"
+          ] }),
+          /* @__PURE__ */ jsxs(
+            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",
+              "aria-expanded": open,
+              children: [
+                /* @__PURE__ */ jsx(PlayCircle, { className: "h-3.5 w-3.5" }),
+                /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: hasVideo ? t("courses.editor.videoSet") || "Video" : t("courses.editor.addVideo") || "Add video" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            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",
+              children: /* @__PURE__ */ jsx(Trash2, { className: "h-4 w-4" })
+            }
+          )
+        ] }),
+        open && /* @__PURE__ */ jsxs("div", { className: "space-y-3 border-t border-border/60 px-3 py-3 sm:pl-11", children: [
+          /* @__PURE__ */ jsxs("div", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("courses.editor.videoUrlLabel") || "Video URL" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                defaultValue: lesson.videoUrl,
+                placeholder: t("courses.editor.videoUrlPlaceholder") || "Paste the video link (YouTube, Vimeo\u2026)",
+                onBlur: (e) => {
+                  setVideoUrl(e.target.value);
+                  onPatchLesson(lesson.id, { videoUrl: e.target.value });
+                },
+                "aria-label": t("courses.editor.videoUrlLabel") || "Video URL"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "max-w-[160px] space-y-1.5", children: [
+            /* @__PURE__ */ jsx("label", { className: "text-xs font-medium text-muted-foreground", children: t("courses.editor.lessonDuration") || "Duration (min)" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                type: "number",
+                min: 0,
+                inputMode: "numeric",
+                defaultValue: String(Math.round(lesson.durationSec / 60)),
+                onBlur: (e) => {
+                  const s = (Number(e.target.value) || 0) * 60;
+                  setDurationSec(s);
+                  onPatchLesson(lesson.id, { durationSec: s });
+                },
+                "aria-label": t("courses.editor.lessonDuration") || "Duration (min)"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function TitleField({ value, autoFocus, onAutoFocused, onCommit, placeholder, ariaLabel, className }) {
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    if (autoFocus && ref.current) {
+      ref.current.focus();
+      ref.current.select();
+      onAutoFocused?.();
+    }
+  }, [autoFocus]);
+  return /* @__PURE__ */ jsx("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsx(
+    Input,
+    {
+      ref,
+      defaultValue: value,
+      placeholder,
+      "aria-label": ariaLabel,
+      onBlur: (e) => onCommit(e.target.value),
+      onKeyDown: (e) => {
+        if (e.key === "Enter") e.currentTarget.blur();
+      },
+      className: "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: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-baseline justify-between gap-2", children: [
+      /* @__PURE__ */ jsx("label", { className: "text-sm font-medium text-foreground", children: label }),
+      hint && /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: hint })
+    ] }),
+    children
+  ] });
+}
+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" }),
+    t("courses.editor.autosaved") || "Changes are saved automatically."
+  ] });
+}
+function EditorSkeleton() {
+  return /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-4xl p-6 md:p-8", children: [
+    /* @__PURE__ */ jsx(Skeleton, { className: "mb-4 h-4 w-28" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mb-6 h-8 w-64" }),
+    /* @__PURE__ */ jsx(Skeleton, { className: "mb-6 h-10 w-full" }),
+    /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full rounded-xl" }),
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-40 w-full rounded-xl" })
+    ] })
+  ] });
+}
+
+export { CourseEditorPage };
+//# sourceMappingURL=CourseEditorPage-GEBTVW7G.js.map
+//# sourceMappingURL=CourseEditorPage-GEBTVW7G.js.map