@hed-hog/lms 0.0.314 → 0.0.315

package/hedhog/frontend/app/courses/[id]/structure/_components/tree-context-menu.tsx.ejs

@@ -1,525 +1,525 @@
-'use client';
-
-import {
-  ContextMenu,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuTrigger,
-} from '@/components/ui/context-menu';
-import {
-  ArrowDown,
-  ArrowUp,
-  BookOpen,
-  Clipboard,
-  Copy,
-  FolderOpen,
-  Layers,
-  Loader2,
-  Pencil,
-  Plus,
-  Trash2,
-} from 'lucide-react';
-import { toast } from 'sonner';
-
-import {
-  useBulkDeleteMutation,
-  useCreateLessonMutation,
-  useCreateSessionMutation,
-  useDeleteLessonMutation,
-  useDeleteSessionMutation,
-  useDuplicateLessonMutation,
-  useDuplicateSessionMutation,
-  useMoveLessonsMutation,
-  usePasteLessonsMutation,
-  usePasteSessionsMutation,
-  useReorderSessionsMutation,
-} from '../_data/use-course-structure-mutations';
-import { useStructureStore } from './store';
-import type { Course, FlatItem, Lesson, Session } from './types';
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Types
-// ─────────────────────────────────────────────────────────────────────────────
-
-interface TreeContextMenuProps {
-  item: FlatItem;
-  children: React.ReactNode;
-}
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Sub-menus by item type
-// ─────────────────────────────────────────────────────────────────────────────
-
-function CourseMenu({ data }: { data: Course }) {
-  const expandAll = useStructureStore((s) => s.expandAll);
-  const collapseAll = useStructureStore((s) => s.collapseAll);
-  const copiedType = useStructureStore((s) => s.copiedType);
-  const copiedIds = useStructureStore((s) => s.copiedIds);
-
-  const createSessionMutation = useCreateSessionMutation();
-  const pasteSessionsMutation = usePasteSessionsMutation();
-  const hasSessionClipboard = copiedType === 'session' && copiedIds.length > 0;
-
-  return (
-    <>
-      <ContextMenuLabel className="text-[0.65rem] text-muted-foreground px-2 py-1">
-        {data.title}
-      </ContextMenuLabel>
-      <ContextMenuSeparator />
-
-      <ContextMenuItem
-        disabled={createSessionMutation.isPending}
-        onSelect={() => {
-          createSessionMutation.mutate();
-        }}
-      >
-        {createSessionMutation.isPending ? (
-          <Loader2 className="size-3.5 mr-2 animate-spin" />
-        ) : (
-          <Plus className="size-3.5 mr-2 text-muted-foreground" />
-        )}
-        Nova sessão
-      </ContextMenuItem>
-
-      <ContextMenuSeparator />
-
-      <ContextMenuItem
-        onSelect={() => {
-          expandAll();
-          toast('Tudo expandido');
-        }}
-      >
-        <BookOpen className="size-3.5 mr-2 text-muted-foreground" />
-        Expandir tudo
-      </ContextMenuItem>
-
-      <ContextMenuItem
-        onSelect={() => {
-          collapseAll();
-          toast('Tudo recolhido');
-        }}
-      >
-        <Layers className="size-3.5 mr-2 text-muted-foreground" />
-        Recolher tudo
-      </ContextMenuItem>
-
-      {hasSessionClipboard && (
-        <>
-          <ContextMenuSeparator />
-          <ContextMenuItem
-            disabled={pasteSessionsMutation.isPending}
-            onSelect={() => {
-              pasteSessionsMutation.mutate({ sessionIds: copiedIds });
-            }}
-          >
-            {pasteSessionsMutation.isPending ? (
-              <Loader2 className="size-3.5 mr-2 animate-spin" />
-            ) : (
-              <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
-            )}
-            Colar sessão{copiedIds.length > 1 ? ` (${copiedIds.length})` : ''}
-          </ContextMenuItem>
-        </>
-      )}
-    </>
-  );
-}
-
-function SessionMenu({ data }: { data: Session }) {
-  const sessions = useStructureStore((s) => s.sessions);
-  const selectedIds = useStructureStore((s) => s.selectedIds);
-  const copiedType = useStructureStore((s) => s.copiedType);
-  const copiedIds = useStructureStore((s) => s.copiedIds);
-  const copyItems = useStructureStore((s) => s.copyItems);
-  const showConfirm = useStructureStore((s) => s.showConfirm);
-  const startRename = useStructureStore((s) => s.startRename);
-
-  const createLessonMutation = useCreateLessonMutation();
-  const deleteSessionMutation = useDeleteSessionMutation();
-  const duplicateSessionMutation = useDuplicateSessionMutation();
-  const pasteLessonsMutation = usePasteLessonsMutation();
-  const reorderSessionsMutation = useReorderSessionsMutation();
-  const reorderSessionsInStore = useStructureStore((s) => s.reorderSessions);
-
-  const sorted = [...sessions].sort((a, b) => a.order - b.order);
-  const idx = sorted.findIndex((s) => s.id === data.id);
-  const isFirst = idx === 0;
-  const isLast = idx === sorted.length - 1;
-
-  // Count selected sessions
-  const selectedSessionIds = sessions
-    .filter((s) => selectedIds.has(`session:${s.id}`))
-    .map((s) => s.id);
-  const multiSessions = selectedSessionIds.length > 1;
-
-  const hasLessonClipboard = copiedType === 'lesson' && copiedIds.length > 0;
-
-  return (
-    <>
-      <ContextMenuLabel className="text-[0.65rem] text-muted-foreground px-2 py-1">
-        {data.title}
-      </ContextMenuLabel>
-      <ContextMenuSeparator />
-
-      <ContextMenuItem
-        disabled={createLessonMutation.isPending}
-        onSelect={() => {
-          createLessonMutation.mutate({ sessionId: data.id });
-        }}
-      >
-        {createLessonMutation.isPending ? (
-          <Loader2 className="size-3.5 mr-2 animate-spin" />
-        ) : (
-          <Plus className="size-3.5 mr-2 text-muted-foreground" />
-        )}
-        Nova aula nesta sessão
-      </ContextMenuItem>
-
-      <ContextMenuSeparator />
-
-      <ContextMenuItem onSelect={() => startRename(data.id)}>
-        <Pencil className="size-3.5 mr-2 text-muted-foreground" />
-        Renomear
-      </ContextMenuItem>
-
-      <ContextMenuItem
-        disabled={duplicateSessionMutation.isPending}
-        onSelect={() => {
-          duplicateSessionMutation.mutate({ sessionId: data.id });
-        }}
-      >
-        {duplicateSessionMutation.isPending ? (
-          <Loader2 className="size-3.5 mr-2 animate-spin" />
-        ) : (
-          <Copy className="size-3.5 mr-2 text-muted-foreground" />
-        )}
-        Duplicar sessão
-      </ContextMenuItem>
-
-      <ContextMenuItem
-        onSelect={() => {
-          copyItems([data.id], 'session');
-          toast.success('Sessão copiada');
-        }}
-      >
-        <Copy className="size-3.5 mr-2 text-muted-foreground" />
-        Copiar sessão
-      </ContextMenuItem>
-
-      {multiSessions && (
-        <ContextMenuItem
-          onSelect={() => {
-            copyItems(selectedSessionIds, 'session');
-            toast.success(`${selectedSessionIds.length} sessões copiadas`);
-          }}
-        >
-          <Copy className="size-3.5 mr-2 text-muted-foreground" />
-          Copiar selecionadas ({selectedSessionIds.length})
-        </ContextMenuItem>
-      )}
-
-      {hasLessonClipboard && (
-        <ContextMenuItem
-          disabled={pasteLessonsMutation.isPending}
-          onSelect={() => {
-            pasteLessonsMutation.mutate({
-              targetSessionId: data.id,
-              lessonIds: copiedIds,
-            });
-          }}
-        >
-          {pasteLessonsMutation.isPending ? (
-            <Loader2 className="size-3.5 mr-2 animate-spin" />
-          ) : (
-            <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
-          )}
-          Colar aulas nesta sessão
-          {copiedIds.length > 1 ? ` (${copiedIds.length})` : ''}
-        </ContextMenuItem>
-      )}
-
-      <ContextMenuSeparator />
-
-      <ContextMenuItem
-        disabled={isFirst || reorderSessionsMutation.isPending}
-        onSelect={() => {
-          const previousSessions = [...sorted];
-          reorderSessionsInStore(idx, idx - 1);
-          const newSorted = [...sorted];
-          const [moved] = newSorted.splice(idx, 1);
-          newSorted.splice(idx - 1, 0, moved!);
-          reorderSessionsMutation.mutate({
-            orderedIds: newSorted.map((s) => s.id),
-            previousSessions,
-          });
-        }}
-      >
-        <ArrowUp className="size-3.5 mr-2 text-muted-foreground" />
-        Mover para cima
-      </ContextMenuItem>
-
-      <ContextMenuItem
-        disabled={isLast || reorderSessionsMutation.isPending}
-        onSelect={() => {
-          const previousSessions = [...sorted];
-          reorderSessionsInStore(idx, idx + 1);
-          const newSorted = [...sorted];
-          const [moved] = newSorted.splice(idx, 1);
-          newSorted.splice(idx + 1, 0, moved!);
-          reorderSessionsMutation.mutate({
-            orderedIds: newSorted.map((s) => s.id),
-            previousSessions,
-          });
-        }}
-      >
-        <ArrowDown className="size-3.5 mr-2 text-muted-foreground" />
-        Mover para baixo
-      </ContextMenuItem>
-
-      <ContextMenuSeparator />
-
-      <ContextMenuItem
-        className="text-destructive focus:text-destructive"
-        onSelect={() => {
-          showConfirm({
-            title: `Excluir "${data.title}"?`,
-            description:
-              'A sessão e todas as suas aulas serão excluídas permanentemente.',
-            onConfirm: () => {
-              deleteSessionMutation.mutate({ sessionId: data.id });
-            },
-          });
-        }}
-      >
-        <Trash2 className="size-3.5 mr-2" />
-        Excluir sessão
-      </ContextMenuItem>
-    </>
-  );
-}
-
-function LessonMenu({ data }: { data: Lesson }) {
-  const lessons = useStructureStore((s) => s.lessons);
-  const sessions = useStructureStore((s) => s.sessions);
-  const selectedIds = useStructureStore((s) => s.selectedIds);
-  const copiedType = useStructureStore((s) => s.copiedType);
-  const copiedIds = useStructureStore((s) => s.copiedIds);
-  const copyItems = useStructureStore((s) => s.copyItems);
-  const showSessionPicker = useStructureStore((s) => s.showSessionPicker);
-  const showConfirm = useStructureStore((s) => s.showConfirm);
-  const startRename = useStructureStore((s) => s.startRename);
-
-  const deleteLessonMutation = useDeleteLessonMutation();
-  const bulkDeleteMutation = useBulkDeleteMutation();
-  const duplicateLessonMutation = useDuplicateLessonMutation();
-  const pasteLessonsMutation = usePasteLessonsMutation();
-  const moveLessonsMutation = useMoveLessonsMutation();
-
-  // Count selected lessons
-  const selectedLessonIds = lessons
-    .filter((l) => selectedIds.has(l.id))
-    .map((l) => l.id);
-  const multiLessons = selectedLessonIds.length > 1;
-
-  const hasLessonClipboard = copiedType === 'lesson' && copiedIds.length > 0;
-  const hasOtherSessions = sessions.some((ss) => ss.id !== data.sessionId);
-
-  // Ids to move when "Mover" is triggered
-  const idsToMove = multiLessons ? selectedLessonIds : [data.id];
-
-  return (
-    <>
-      <ContextMenuLabel className="text-[0.65rem] text-muted-foreground px-2 py-1">
-        {data.title}
-      </ContextMenuLabel>
-      <ContextMenuSeparator />
-
-      <ContextMenuItem onSelect={() => startRename(data.id)}>
-        <Pencil className="size-3.5 mr-2 text-muted-foreground" />
-        Renomear
-      </ContextMenuItem>
-
-      <ContextMenuSeparator />
-
-      <ContextMenuItem
-        disabled={duplicateLessonMutation.isPending}
-        onSelect={() => {
-          duplicateLessonMutation.mutate({
-            sessionId: data.sessionId,
-            lessonId: data.id,
-          });
-        }}
-      >
-        {duplicateLessonMutation.isPending ? (
-          <Loader2 className="size-3.5 mr-2 animate-spin" />
-        ) : (
-          <Copy className="size-3.5 mr-2 text-muted-foreground" />
-        )}
-        Duplicar aula
-      </ContextMenuItem>
-
-      <ContextMenuItem
-        onSelect={() => {
-          copyItems([data.id], 'lesson');
-          toast.success('Aula copiada');
-        }}
-      >
-        <Copy className="size-3.5 mr-2 text-muted-foreground" />
-        Copiar aula
-      </ContextMenuItem>
-
-      {multiLessons && (
-        <ContextMenuItem
-          onSelect={() => {
-            copyItems(selectedLessonIds, 'lesson');
-            toast.success(`${selectedLessonIds.length} aulas copiadas`);
-          }}
-        >
-          <Copy className="size-3.5 mr-2 text-muted-foreground" />
-          Copiar selecionadas ({selectedLessonIds.length})
-        </ContextMenuItem>
-      )}
-
-      {hasLessonClipboard && (
-        <ContextMenuItem
-          disabled={pasteLessonsMutation.isPending}
-          onSelect={() => {
-            pasteLessonsMutation.mutate({
-              targetSessionId: data.sessionId,
-              lessonIds: copiedIds,
-            });
-          }}
-        >
-          {pasteLessonsMutation.isPending ? (
-            <Loader2 className="size-3.5 mr-2 animate-spin" />
-          ) : (
-            <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
-          )}
-          Colar nesta sessão
-        </ContextMenuItem>
-      )}
-
-      {hasOtherSessions && (
-        <>
-          <ContextMenuSeparator />
-          <ContextMenuItem
-            disabled={moveLessonsMutation.isPending}
-            onSelect={() => {
-              showSessionPicker({
-                title:
-                  idsToMove.length > 1
-                    ? `Mover ${idsToMove.length} aulas para`
-                    : 'Mover aula para',
-                excludeSessionId: data.sessionId,
-                onPick: (targetId) => {
-                  // Snapshot for rollback
-                  const previousLessons = [...lessons];
-                  // Compute moves with sequential toIndex
-                  const movingLessons = idsToMove
-                    .map((id) => lessons.find((l) => l.id === id))
-                    .filter(Boolean) as Lesson[];
-                  const moves = movingLessons.map((l, i) => ({
-                    lessonId: l.id,
-                    fromSessionId: l.sessionId,
-                    toSessionId: targetId,
-                    toIndex: i,
-                  }));
-                  // Optimistic: update store immediately
-                  useStructureStore.getState().moveLessons(idsToMove, targetId);
-                  moveLessonsMutation.mutate({ moves, previousLessons });
-                  toast.success(
-                    idsToMove.length > 1
-                      ? `${idsToMove.length} aulas movidas`
-                      : 'Aula movida'
-                  );
-                },
-              });
-            }}
-          >
-            {moveLessonsMutation.isPending ? (
-              <Loader2 className="size-3.5 mr-2 animate-spin" />
-            ) : (
-              <FolderOpen className="size-3.5 mr-2 text-muted-foreground" />
-            )}
-            {multiLessons
-              ? `Mover ${idsToMove.length} aulas para...`
-              : 'Mover para outra sessão...'}
-          </ContextMenuItem>
-        </>
-      )}
-
-      <ContextMenuSeparator />
-
-      <ContextMenuItem
-        className="text-destructive focus:text-destructive"
-        onSelect={() => {
-          if (multiLessons) {
-            showConfirm({
-              title: `Excluir ${selectedLessonIds.length} aulas?`,
-              description: 'Esta ação não pode ser desfeita.',
-              onConfirm: () => {
-                const lessonPairs = selectedLessonIds
-                  .map((id) => lessons.find((l) => l.id === id))
-                  .filter(Boolean)
-                  .map((l) => ({ lessonId: l!.id, sessionId: l!.sessionId }));
-                bulkDeleteMutation.mutate({
-                  sessionIds: [],
-                  lessons: lessonPairs,
-                });
-              },
-            });
-          } else {
-            showConfirm({
-              title: `Excluir "${data.title}"?`,
-              description: 'Esta ação não pode ser desfeita.',
-              onConfirm: () => {
-                deleteLessonMutation.mutate({
-                  lessonId: data.id,
-                  sessionId: data.sessionId,
-                });
-              },
-            });
-          }
-        }}
-      >
-        <Trash2 className="size-3.5 mr-2" />
-        {multiLessons
-          ? `Excluir ${selectedLessonIds.length} aulas`
-          : 'Excluir aula'}
-      </ContextMenuItem>
-    </>
-  );
-}
-
-// ─────────────────────────────────────────────────────────────────────────────
-// Root export
-// ─────────────────────────────────────────────────────────────────────────────
-
-export function TreeContextMenu({ item, children }: TreeContextMenuProps) {
-  const selectedIds = useStructureStore((s) => s.selectedIds);
-  const selectItem = useStructureStore((s) => s.selectItem);
-
-  function handleOpenChange(open: boolean) {
-    if (!open) return;
-    // On right-click: if item is not in the current selection, select it alone
-    if (!selectedIds.has(item.id)) {
-      selectItem(item.id, item.type);
-    }
-  }
-
-  return (
-    <ContextMenu onOpenChange={handleOpenChange}>
-      <ContextMenuTrigger className="block w-full h-full">
-        {children}
-      </ContextMenuTrigger>
-
-      <ContextMenuContent className="w-56">
-        {item.type === 'course' && <CourseMenu data={item.data as Course} />}
-        {item.type === 'session' && <SessionMenu data={item.data as Session} />}
-        {item.type === 'lesson' && <LessonMenu data={item.data as Lesson} />}
-      </ContextMenuContent>
-    </ContextMenu>
-  );
-}
+'use client';
+
+import {
+  ContextMenu,
+  ContextMenuContent,
+  ContextMenuItem,
+  ContextMenuLabel,
+  ContextMenuSeparator,
+  ContextMenuTrigger,
+} from '@/components/ui/context-menu';
+import {
+  ArrowDown,
+  ArrowUp,
+  BookOpen,
+  Clipboard,
+  Copy,
+  FolderOpen,
+  Layers,
+  Loader2,
+  Pencil,
+  Plus,
+  Trash2,
+} from 'lucide-react';
+import { toast } from 'sonner';
+
+import {
+  useBulkDeleteMutation,
+  useCreateLessonMutation,
+  useCreateSessionMutation,
+  useDeleteLessonMutation,
+  useDeleteSessionMutation,
+  useDuplicateLessonMutation,
+  useDuplicateSessionMutation,
+  useMoveLessonsMutation,
+  usePasteLessonsMutation,
+  usePasteSessionsMutation,
+  useReorderSessionsMutation,
+} from '../_data/use-course-structure-mutations';
+import { useStructureStore } from './store';
+import type { Course, FlatItem, Lesson, Session } from './types';
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Types
+// ─────────────────────────────────────────────────────────────────────────────
+
+interface TreeContextMenuProps {
+  item: FlatItem;
+  children: React.ReactNode;
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Sub-menus by item type
+// ─────────────────────────────────────────────────────────────────────────────
+
+function CourseMenu({ data }: { data: Course }) {
+  const expandAll = useStructureStore((s) => s.expandAll);
+  const collapseAll = useStructureStore((s) => s.collapseAll);
+  const copiedType = useStructureStore((s) => s.copiedType);
+  const copiedIds = useStructureStore((s) => s.copiedIds);
+
+  const createSessionMutation = useCreateSessionMutation();
+  const pasteSessionsMutation = usePasteSessionsMutation();
+  const hasSessionClipboard = copiedType === 'session' && copiedIds.length > 0;
+
+  return (
+    <>
+      <ContextMenuLabel className="text-[0.65rem] text-muted-foreground px-2 py-1">
+        {data.title}
+      </ContextMenuLabel>
+      <ContextMenuSeparator />
+
+      <ContextMenuItem
+        disabled={createSessionMutation.isPending}
+        onSelect={() => {
+          createSessionMutation.mutate();
+        }}
+      >
+        {createSessionMutation.isPending ? (
+          <Loader2 className="size-3.5 mr-2 animate-spin" />
+        ) : (
+          <Plus className="size-3.5 mr-2 text-muted-foreground" />
+        )}
+        Nova sessão
+      </ContextMenuItem>
+
+      <ContextMenuSeparator />
+
+      <ContextMenuItem
+        onSelect={() => {
+          expandAll();
+          toast('Tudo expandido');
+        }}
+      >
+        <BookOpen className="size-3.5 mr-2 text-muted-foreground" />
+        Expandir tudo
+      </ContextMenuItem>
+
+      <ContextMenuItem
+        onSelect={() => {
+          collapseAll();
+          toast('Tudo recolhido');
+        }}
+      >
+        <Layers className="size-3.5 mr-2 text-muted-foreground" />
+        Recolher tudo
+      </ContextMenuItem>
+
+      {hasSessionClipboard && (
+        <>
+          <ContextMenuSeparator />
+          <ContextMenuItem
+            disabled={pasteSessionsMutation.isPending}
+            onSelect={() => {
+              pasteSessionsMutation.mutate({ sessionIds: copiedIds });
+            }}
+          >
+            {pasteSessionsMutation.isPending ? (
+              <Loader2 className="size-3.5 mr-2 animate-spin" />
+            ) : (
+              <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
+            )}
+            Colar sessão{copiedIds.length > 1 ? ` (${copiedIds.length})` : ''}
+          </ContextMenuItem>
+        </>
+      )}
+    </>
+  );
+}
+
+function SessionMenu({ data }: { data: Session }) {
+  const sessions = useStructureStore((s) => s.sessions);
+  const selectedIds = useStructureStore((s) => s.selectedIds);
+  const copiedType = useStructureStore((s) => s.copiedType);
+  const copiedIds = useStructureStore((s) => s.copiedIds);
+  const copyItems = useStructureStore((s) => s.copyItems);
+  const showConfirm = useStructureStore((s) => s.showConfirm);
+  const startRename = useStructureStore((s) => s.startRename);
+
+  const createLessonMutation = useCreateLessonMutation();
+  const deleteSessionMutation = useDeleteSessionMutation();
+  const duplicateSessionMutation = useDuplicateSessionMutation();
+  const pasteLessonsMutation = usePasteLessonsMutation();
+  const reorderSessionsMutation = useReorderSessionsMutation();
+  const reorderSessionsInStore = useStructureStore((s) => s.reorderSessions);
+
+  const sorted = [...sessions].sort((a, b) => a.order - b.order);
+  const idx = sorted.findIndex((s) => s.id === data.id);
+  const isFirst = idx === 0;
+  const isLast = idx === sorted.length - 1;
+
+  // Count selected sessions
+  const selectedSessionIds = sessions
+    .filter((s) => selectedIds.has(`session:${s.id}`))
+    .map((s) => s.id);
+  const multiSessions = selectedSessionIds.length > 1;
+
+  const hasLessonClipboard = copiedType === 'lesson' && copiedIds.length > 0;
+
+  return (
+    <>
+      <ContextMenuLabel className="text-[0.65rem] text-muted-foreground px-2 py-1">
+        {data.title}
+      </ContextMenuLabel>
+      <ContextMenuSeparator />
+
+      <ContextMenuItem
+        disabled={createLessonMutation.isPending}
+        onSelect={() => {
+          createLessonMutation.mutate({ sessionId: data.id });
+        }}
+      >
+        {createLessonMutation.isPending ? (
+          <Loader2 className="size-3.5 mr-2 animate-spin" />
+        ) : (
+          <Plus className="size-3.5 mr-2 text-muted-foreground" />
+        )}
+        Nova aula nesta sessão
+      </ContextMenuItem>
+
+      <ContextMenuSeparator />
+
+      <ContextMenuItem onSelect={() => startRename(data.id)}>
+        <Pencil className="size-3.5 mr-2 text-muted-foreground" />
+        Renomear
+      </ContextMenuItem>
+
+      <ContextMenuItem
+        disabled={duplicateSessionMutation.isPending}
+        onSelect={() => {
+          duplicateSessionMutation.mutate({ sessionId: data.id });
+        }}
+      >
+        {duplicateSessionMutation.isPending ? (
+          <Loader2 className="size-3.5 mr-2 animate-spin" />
+        ) : (
+          <Copy className="size-3.5 mr-2 text-muted-foreground" />
+        )}
+        Duplicar sessão
+      </ContextMenuItem>
+
+      <ContextMenuItem
+        onSelect={() => {
+          copyItems([data.id], 'session');
+          toast.success('Sessão copiada');
+        }}
+      >
+        <Copy className="size-3.5 mr-2 text-muted-foreground" />
+        Copiar sessão
+      </ContextMenuItem>
+
+      {multiSessions && (
+        <ContextMenuItem
+          onSelect={() => {
+            copyItems(selectedSessionIds, 'session');
+            toast.success(`${selectedSessionIds.length} sessões copiadas`);
+          }}
+        >
+          <Copy className="size-3.5 mr-2 text-muted-foreground" />
+          Copiar selecionadas ({selectedSessionIds.length})
+        </ContextMenuItem>
+      )}
+
+      {hasLessonClipboard && (
+        <ContextMenuItem
+          disabled={pasteLessonsMutation.isPending}
+          onSelect={() => {
+            pasteLessonsMutation.mutate({
+              targetSessionId: data.id,
+              lessonIds: copiedIds,
+            });
+          }}
+        >
+          {pasteLessonsMutation.isPending ? (
+            <Loader2 className="size-3.5 mr-2 animate-spin" />
+          ) : (
+            <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
+          )}
+          Colar aulas nesta sessão
+          {copiedIds.length > 1 ? ` (${copiedIds.length})` : ''}
+        </ContextMenuItem>
+      )}
+
+      <ContextMenuSeparator />
+
+      <ContextMenuItem
+        disabled={isFirst || reorderSessionsMutation.isPending}
+        onSelect={() => {
+          const previousSessions = [...sorted];
+          reorderSessionsInStore(idx, idx - 1);
+          const newSorted = [...sorted];
+          const [moved] = newSorted.splice(idx, 1);
+          newSorted.splice(idx - 1, 0, moved!);
+          reorderSessionsMutation.mutate({
+            orderedIds: newSorted.map((s) => s.id),
+            previousSessions,
+          });
+        }}
+      >
+        <ArrowUp className="size-3.5 mr-2 text-muted-foreground" />
+        Mover para cima
+      </ContextMenuItem>
+
+      <ContextMenuItem
+        disabled={isLast || reorderSessionsMutation.isPending}
+        onSelect={() => {
+          const previousSessions = [...sorted];
+          reorderSessionsInStore(idx, idx + 1);
+          const newSorted = [...sorted];
+          const [moved] = newSorted.splice(idx, 1);
+          newSorted.splice(idx + 1, 0, moved!);
+          reorderSessionsMutation.mutate({
+            orderedIds: newSorted.map((s) => s.id),
+            previousSessions,
+          });
+        }}
+      >
+        <ArrowDown className="size-3.5 mr-2 text-muted-foreground" />
+        Mover para baixo
+      </ContextMenuItem>
+
+      <ContextMenuSeparator />
+
+      <ContextMenuItem
+        className="text-destructive focus:text-destructive"
+        onSelect={() => {
+          showConfirm({
+            title: `Excluir "${data.title}"?`,
+            description:
+              'A sessão e todas as suas aulas serão excluídas permanentemente.',
+            onConfirm: () => {
+              deleteSessionMutation.mutate({ sessionId: data.id });
+            },
+          });
+        }}
+      >
+        <Trash2 className="size-3.5 mr-2" />
+        Excluir sessão
+      </ContextMenuItem>
+    </>
+  );
+}
+
+function LessonMenu({ data }: { data: Lesson }) {
+  const lessons = useStructureStore((s) => s.lessons);
+  const sessions = useStructureStore((s) => s.sessions);
+  const selectedIds = useStructureStore((s) => s.selectedIds);
+  const copiedType = useStructureStore((s) => s.copiedType);
+  const copiedIds = useStructureStore((s) => s.copiedIds);
+  const copyItems = useStructureStore((s) => s.copyItems);
+  const showSessionPicker = useStructureStore((s) => s.showSessionPicker);
+  const showConfirm = useStructureStore((s) => s.showConfirm);
+  const startRename = useStructureStore((s) => s.startRename);
+
+  const deleteLessonMutation = useDeleteLessonMutation();
+  const bulkDeleteMutation = useBulkDeleteMutation();
+  const duplicateLessonMutation = useDuplicateLessonMutation();
+  const pasteLessonsMutation = usePasteLessonsMutation();
+  const moveLessonsMutation = useMoveLessonsMutation();
+
+  // Count selected lessons
+  const selectedLessonIds = lessons
+    .filter((l) => selectedIds.has(l.id))
+    .map((l) => l.id);
+  const multiLessons = selectedLessonIds.length > 1;
+
+  const hasLessonClipboard = copiedType === 'lesson' && copiedIds.length > 0;
+  const hasOtherSessions = sessions.some((ss) => ss.id !== data.sessionId);
+
+  // Ids to move when "Mover" is triggered
+  const idsToMove = multiLessons ? selectedLessonIds : [data.id];
+
+  return (
+    <>
+      <ContextMenuLabel className="text-[0.65rem] text-muted-foreground px-2 py-1">
+        {data.title}
+      </ContextMenuLabel>
+      <ContextMenuSeparator />
+
+      <ContextMenuItem onSelect={() => startRename(data.id)}>
+        <Pencil className="size-3.5 mr-2 text-muted-foreground" />
+        Renomear
+      </ContextMenuItem>
+
+      <ContextMenuSeparator />
+
+      <ContextMenuItem
+        disabled={duplicateLessonMutation.isPending}
+        onSelect={() => {
+          duplicateLessonMutation.mutate({
+            sessionId: data.sessionId,
+            lessonId: data.id,
+          });
+        }}
+      >
+        {duplicateLessonMutation.isPending ? (
+          <Loader2 className="size-3.5 mr-2 animate-spin" />
+        ) : (
+          <Copy className="size-3.5 mr-2 text-muted-foreground" />
+        )}
+        Duplicar aula
+      </ContextMenuItem>
+
+      <ContextMenuItem
+        onSelect={() => {
+          copyItems([data.id], 'lesson');
+          toast.success('Aula copiada');
+        }}
+      >
+        <Copy className="size-3.5 mr-2 text-muted-foreground" />
+        Copiar aula
+      </ContextMenuItem>
+
+      {multiLessons && (
+        <ContextMenuItem
+          onSelect={() => {
+            copyItems(selectedLessonIds, 'lesson');
+            toast.success(`${selectedLessonIds.length} aulas copiadas`);
+          }}
+        >
+          <Copy className="size-3.5 mr-2 text-muted-foreground" />
+          Copiar selecionadas ({selectedLessonIds.length})
+        </ContextMenuItem>
+      )}
+
+      {hasLessonClipboard && (
+        <ContextMenuItem
+          disabled={pasteLessonsMutation.isPending}
+          onSelect={() => {
+            pasteLessonsMutation.mutate({
+              targetSessionId: data.sessionId,
+              lessonIds: copiedIds,
+            });
+          }}
+        >
+          {pasteLessonsMutation.isPending ? (
+            <Loader2 className="size-3.5 mr-2 animate-spin" />
+          ) : (
+            <Clipboard className="size-3.5 mr-2 text-muted-foreground" />
+          )}
+          Colar nesta sessão
+        </ContextMenuItem>
+      )}
+
+      {hasOtherSessions && (
+        <>
+          <ContextMenuSeparator />
+          <ContextMenuItem
+            disabled={moveLessonsMutation.isPending}
+            onSelect={() => {
+              showSessionPicker({
+                title:
+                  idsToMove.length > 1
+                    ? `Mover ${idsToMove.length} aulas para`
+                    : 'Mover aula para',
+                excludeSessionId: data.sessionId,
+                onPick: (targetId) => {
+                  // Snapshot for rollback
+                  const previousLessons = [...lessons];
+                  // Compute moves with sequential toIndex
+                  const movingLessons = idsToMove
+                    .map((id) => lessons.find((l) => l.id === id))
+                    .filter(Boolean) as Lesson[];
+                  const moves = movingLessons.map((l, i) => ({
+                    lessonId: l.id,
+                    fromSessionId: l.sessionId,
+                    toSessionId: targetId,
+                    toIndex: i,
+                  }));
+                  // Optimistic: update store immediately
+                  useStructureStore.getState().moveLessons(idsToMove, targetId);
+                  moveLessonsMutation.mutate({ moves, previousLessons });
+                  toast.success(
+                    idsToMove.length > 1
+                      ? `${idsToMove.length} aulas movidas`
+                      : 'Aula movida'
+                  );
+                },
+              });
+            }}
+          >
+            {moveLessonsMutation.isPending ? (
+              <Loader2 className="size-3.5 mr-2 animate-spin" />
+            ) : (
+              <FolderOpen className="size-3.5 mr-2 text-muted-foreground" />
+            )}
+            {multiLessons
+              ? `Mover ${idsToMove.length} aulas para...`
+              : 'Mover para outra sessão...'}
+          </ContextMenuItem>
+        </>
+      )}
+
+      <ContextMenuSeparator />
+
+      <ContextMenuItem
+        className="text-destructive focus:text-destructive"
+        onSelect={() => {
+          if (multiLessons) {
+            showConfirm({
+              title: `Excluir ${selectedLessonIds.length} aulas?`,
+              description: 'Esta ação não pode ser desfeita.',
+              onConfirm: () => {
+                const lessonPairs = selectedLessonIds
+                  .map((id) => lessons.find((l) => l.id === id))
+                  .filter(Boolean)
+                  .map((l) => ({ lessonId: l!.id, sessionId: l!.sessionId }));
+                bulkDeleteMutation.mutate({
+                  sessionIds: [],
+                  lessons: lessonPairs,
+                });
+              },
+            });
+          } else {
+            showConfirm({
+              title: `Excluir "${data.title}"?`,
+              description: 'Esta ação não pode ser desfeita.',
+              onConfirm: () => {
+                deleteLessonMutation.mutate({
+                  lessonId: data.id,
+                  sessionId: data.sessionId,
+                });
+              },
+            });
+          }
+        }}
+      >
+        <Trash2 className="size-3.5 mr-2" />
+        {multiLessons
+          ? `Excluir ${selectedLessonIds.length} aulas`
+          : 'Excluir aula'}
+      </ContextMenuItem>
+    </>
+  );
+}
+
+// ─────────────────────────────────────────────────────────────────────────────
+// Root export
+// ─────────────────────────────────────────────────────────────────────────────
+
+export function TreeContextMenu({ item, children }: TreeContextMenuProps) {
+  const selectedIds = useStructureStore((s) => s.selectedIds);
+  const selectItem = useStructureStore((s) => s.selectItem);
+
+  function handleOpenChange(open: boolean) {
+    if (!open) return;
+    // On right-click: if item is not in the current selection, select it alone
+    if (!selectedIds.has(item.id)) {
+      selectItem(item.id, item.type);
+    }
+  }
+
+  return (
+    <ContextMenu onOpenChange={handleOpenChange}>
+      <ContextMenuTrigger className="block w-full h-full">
+        {children}
+      </ContextMenuTrigger>
+
+      <ContextMenuContent className="w-56">
+        {item.type === 'course' && <CourseMenu data={item.data as Course} />}
+        {item.type === 'session' && <SessionMenu data={item.data as Session} />}
+        {item.type === 'lesson' && <LessonMenu data={item.data as Lesson} />}
+      </ContextMenuContent>
+    </ContextMenu>
+  );
+}