Function useDropdown

frontend/src/react/components/sql-editor/useDropdown.ts:43–235

(
  viewMode: SheetViewMode,
  worksheetFilter: WorksheetFilter,
  // Only the "my" tree is wired to the parent's multi-select state. For
  // other views (shared / draft) the context-menu entry is hidden so a
  // right-click on a shared worksheet cannot populate the my tree's
  // checkedNodes — which the toolbar's Delete + Move-to-folder flows act on.
  canMultiSelect = false
)

// ---------------------------------------------------------------------------

export function useDropdown(
  viewMode: SheetViewMode,
  worksheetFilter: WorksheetFilter,
  // Only the "my" tree is wired to the parent's multi-select state. For
  // other views (shared / draft) the context-menu entry is hidden so a
  // right-click on a shared worksheet cannot populate the my tree's
  // checkedNodes — which the toolbar's Delete + Move-to-folder flows act on.
  canMultiSelect = false
) {
  const { t } = useTranslation();

  const me = useCurrentUser();

  // ------------------------------------------------------------------
  // Context state — current right-click target
  // ------------------------------------------------------------------
  const [currentNode, setCurrentNode] = useState<
    WorksheetFolderNode | undefined
  >(undefined);
  const [showSharePanel, setShowSharePanel] = useState(false);

  // ------------------------------------------------------------------
  // Reactive reads from Pinia / Vue stores
  // ------------------------------------------------------------------
  const worksheetEntity = useAppStore((s) =>
    viewMode === "draft" || !currentNode?.worksheet
      ? undefined
      : s.getWorksheetByName(currentNode.worksheet.name)
  );

  // ------------------------------------------------------------------
  // Derived: allowed-to-create-new
  // ------------------------------------------------------------------
  const allowCreateNew =
    !worksheetFilter.keyword && !worksheetFilter.onlyShowStarred;

  // ------------------------------------------------------------------
  // Menu options — computed from current state
  // ------------------------------------------------------------------
  const options = useMemo((): MenuItem[] => {
    if (viewMode === "draft" || !currentNode) {
      return [];
    }

    type ItemDef = {
      key: DropdownOptionType;
      label: string;
    };

    const items: ItemDef[] = [];

    if (currentNode.worksheet) {
      if (!worksheetEntity) {
        return [];
      }
      const isCreator = worksheetEntity.creator === `users/${me?.email ?? ""}`;
      items.push({
        key: "duplicate",